@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Spartan:300,400,500,600,700,800&display=swap');

html {
    min-height: 100%;
    overflow-x: hidden
}

html,body {
    width: 100%
}

body {
    background: #fff
}

a {
    color: #fff;
    text-decoration: none;
    transition: 1s all ease-in-out
}

a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.5
}

a:focus {
    text-decoration: none
}

p,a,li,h1,h2,h3,h4,h5,h6 {
    font-size: 14px;
    font-size: 16px;
    line-height: 1.5
}

P {
    font-weight: normal
}

#header:after {
    content: " ";
    display: block;
    clear: both
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

h2 {
    font-size: 2.5em
}

@media(max-width: 767px) {
    h2 {
        font-size:1.6em
    }
}

h2.refer-friend {
    font-family: 'Rammetto One',cursive;
    text-align: center
}

h3 {
    font-size: 2em;
    font-weight: 600;
    color: #2e5482;
    text-align: center;
    font-family: 'Orbitron',sans-serif;
    font-family: 'Nunito Sans',sans-serif
}

h3:after {
    content: "";
    display: block;
    height: 1px;
    width: 45px;
    margin: 1em auto;
    border-bottom: 2px solid #426cb4;
    display: none
}

@media(max-width: 768px) {
    h3 {
        font-size:1.6em
    }
}

/*********** scrollbar start *************/

body::-webkit-scrollbar {
    width: 0.7em
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}

body::-webkit-scrollbar-thumb {
    background-color: #00BCD4;
    outline: 1px solid slategrey
}

/*********** scrollbar end *************/


/*********** navbar start *************/

.navbar-default {
    background-color: transparent;
    border: none;
    z-index: 9999;
    height: 10vh;
    display: flex;
}

.navbar-default > .container {
    display: flex;
    align-self: center;
}

.collapse,.navbar-collapse {
    float: right
}

@media(max-width: 991px) {
    .collapse,.navbar-collapse {
        float:none
    }
}

@media(max-width: 991px) {
    .navbar-default {
        background-color:#295688;
        padding: 10px
    }

    .navbar-canvas {
        background-color: #3f1b3d
    }

    .navbar-highlighter {
        background-color: #f1b405
    }

    .navbar-staple {
        background-color: #144e26
    }

    .navbar-binder {
        background-color: #1490c0
    }

    .navbar-webdesign {
        background-color: #a649a3
    }

    .navbar-seido,.navbar-portal,.navbar-feedsy {
        background-color: #333
    }

    .navbar-collapse {
        transition: 0.3s all ease-in-out;
        position: absolute;
        top: 0;
        margin: 0!important;
        left: 0;
        height: 100vh!important;
        width: 100vw
    }

    .navbar-collapse.in {
        background-color: rgba(46,84,130,0.92);
        position: absolute;
        top: 0;
        margin: 0!important;
        left: 0;
        height: 100vh!important;
        width: 100vw;
        text-align: center
    }

    .collapsing {
        background-color: rgba(46,84,130,0.92);
        position: absolute;
        top: 0;
        margin: 0!important;
        left: 0;
        height: 100vh!important;
        width: 100vw;
        text-align: center;
        -webkit-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-property: all;
        -o-transition-property: all;
        transition-property: all
    }
}

#navbar {
    margin-top: 15px;
    padding: 0
}

.navbar-nav> li:not(:last-child) >a {
    padding: 1em 1em;
    margin-right: 1em
}

.navbar-nav>li:last-child>a {
    padding: 1em
}

@media(max-width: 1200px) {
    .container-fluid>.navbar-collapse {
        width:100%;
        margin-top: 5em;
        margin-right: 0;
        background-color: #242424
    }

    .default_header .container-fluid>.navbar-collapse {
    }
}

@media (max-width: 1200px) {
    .container-fluid>.navbar-collapse.navbar-default-page {
        background-color:transparent
    }
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    cursor: pointer
}

.navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:hover {
    background-color: rgba(255,255,255,0.3);
    color: #fff;
    transition: background-color 0.2s ease-in;
    opacity: 1
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    background-color: rgba(255,255,255,0.3);
    color: #fff
}

@media (min-width: 768px) {
    .navbar-nav {
        float:none
    }
}

ul.nav.navbar-nav > li:nth-child(2) {
}

@media(max-width: 768px) {
    ul.nav.navbar-nav > li:nth-child(2) {
        margin-top:40px
    }
}

@media(max-width: 1199px) {
    ul.nav.navbar-nav > li {
        margin:0 0
    }
}

ul.nav.navbar-nav > li a {
    font-size: 1.1em
}

@media(max-width: 1220px) and (min-width:1200px) {
    ul.nav.navbar-nav > li a {
        font-size:1em
    }
}

.dropdown-menu>li>a {
    color: #2e5482
}

.dropdown-menu>li>a:hover {
    background-color: #fff;
    color: #f9b145;
    opacity: 1;
    transition: none
}

.dropdown-menu>li>a.canvas-nav-link:hover,.dropdown-menu>li>a.canvas-nav-link:hover .intro-text {
    color: #7d3d82
}

.dropdown-menu>li>a.staple-nav-link:hover,.dropdown-menu>li>a.staple-nav-link:hover .intro-text {
    color: #2d7e3e
}

.dropdown-menu>li>a.binder-nav-link:hover,.dropdown-menu>li>a.binder-nav-link:hover .intro-text {
    color: #0ea0c4
}

.dropdown-menu>li>a.seido-nav-link:hover,.dropdown-menu>li>a.seido-nav-link:hover .intro-text {
    color: #db3e42
}

.dropdown-menu>li>a:hover .intro-text {
    color: #f9b145
}

@media(max-width: 991px) {
    .dropdown-menu>li>a:hover {
        background-color:transparent;
        color: #fff;
        opacity: 1
    }
}

li.dropdown > ul {
    text-transform: none
}

li.dropdown:hover ul {
    display: block;
    opacity: 1;
    width: 300px
}

.dropdown-menu {
    border-radius: 0 !important;
    opacity: 0;
    left: auto;
    padding: 30px;
    right: 0
}

@media(max-width: 991px) {
    li.dropdown:hover ul {
        position:static;
        float: none;
        background-color: transparent;
        border: none;
        box-shadow: none;
        padding-left: 2em;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .dropdown-menu>li>a {
        color: #fff
    }
}

.navbar-default .navbar-nav>.active>a {
    background-color: transparent;
    color: #fff;
    border-bottom: 2px solid #fff
}

@media(max-width: 1200px) {
    .navbar-default .navbar-nav>.active>a {
        border-bottom:none
    }
}

.company-logo {
    width: auto;
    max-height: 65px
}

@media(max-width: 1200px) {
    .company-logo {
        max-height:50px
    }
}

@media(max-width: 450px) {
    .company-logo {
        height:50px
    }
}

.navbar-brand {
    padding-top: 12px
}

@media(max-width: 991px) {
    .navbar-brand {
        padding-top:5px
    }
}

a.navbar-brand:hover {
    opacity: 1
}

.navbar {
    margin-bottom: 0;
}


@media(min-width: 767px) {
    .navbar-default .container-fluid {
        padding:0 2em
    }
}

#navbar ul.nav li .amp_login i.icon {
    display: inline;
    font-size: 1.5em;
    vertical-align: middle
}

#navbar ul.nav li .amp_login {
    line-height: 0;
    height: 53px
}

@media(max-width: 1199px) {
    #navbar ul.nav li .amp_login {
        border:none;
        text-align: left
    }
}

#navbar ul.nav li .amp_login span {
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
        width: 100%;
    }

    .navbar-left,.navbar-right {
        float: none !important
    }

    .navbar-toggle {
        display: block;
        border-radius: 0;
        z-index: 105
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1)
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-collapse.collapse {
        visibility: hidden!important;
        height: 100vh !important
    }

    .navbar-nav {
        text-align: center;
        margin-top: 8%;
        margin-left: auto;
        margin-right: auto
    }

    .navbar-nav>li {
        float: none
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }
    
    .navbar {
        margin-bottom: 0;
        display: flex;
        justify-content: center;
    }
    
    .navbar > .container {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .collapse.in {
        visibility: visible !important
    }

    #navbar {
        margin-top: 30px;
        border-top: none;
        display: none!important
    }
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle {
    background-color: transparent;
    border-color: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-toggle .icon-bar:nth-of-type(2) {
    top: -1px
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 0
}

.navbar-toggle .icon-bar:nth-of-type(4) {
    top: 1px
}

.navbar-toggle .icon-bar {
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    width: 25px
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
    top: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3) {
    background-color: transparent
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(4) {
    top: -6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pro-logo {
    max-width: 60px;
    max-height: 40px;
}


/*********** navbar end *************/


/*********** banner start *************/

#banner,.section_banner {
    background-attachment: fixed;
    background-color: #666;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 0;
    position: relative;
    background-position: bottom
}

#banner.licensees-banner {
    background-position: top
}

#banner {
    height: 100vh;
    text-transform: uppercase
}

@media screen and (max-width: 1680px) {
    #banner {
        /*padding:10em 0 18em 0*/
    }
}

#banner.seido-banner {
    text-transform: initial
}

#banner.new-banner {
    background-position: initial
}

@media(max-width: 768px) {
    #banner.new-banner {
        background-position:36%
    }
}

background-position:36%;#banner.contact-banner h2 {
    text-transform: initial
}

#banner.product-banner h2,#banner.product-banner h1 {
    text-transform: initial
}

#banner > .container > div.banner_text {
    margin-top: 2em
}

.overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(44,84,130,0.8)
}

.home-banner .overlay, .contact-banner .overlay {
    background: rgba(44,84,130,0.7)
}

.feedsy-banner .overlay, .product_list_banner .overlay {
    background-color: rgba(51,51,51,0.8)
}

.about_us_section_banner .overlay {
    background-color: rgba(44,84,130,0.8)
}

.about_us_section_banner {
    position: relative
}

.about-us-section-banner-text {
    position: relative
}

.refer_a_friend_banner .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(51,51,51,0.7)
}

.about-us-banner .overlay, .service-banner .overlay {
    background: rgba(46,84,130,1);
    background: -moz-linear-gradient(left,rgba(46,84,130,1) 0,rgba(227,237,248,0.76) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(46,84,130,1)),color-stop(100%,rgba(227,237,248,0.76)));
    background: -webkit-linear-gradient(left,rgba(46,84,130,1) 0,rgba(227,237,248,0.76) 100%);
    background: -o-linear-gradient(left,rgba(46,84,130,1) 0,rgba(227,237,248,0.76) 100%);
    background: -ms-linear-gradient(left,rgba(46,84,130,1) 0,rgba(227,237,248,0.76) 100%);
    background: linear-gradient(to right,rgba(46,84,130,1) 0,rgba(227,237,248,0.76) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5482',endColorstr='#e3edf8',GradientType=1 )
}

.product-banner .overlay, .product-banner.canvas-banner .overlay {
    background-color: rgba(140,108,139,0.85)
}

.product-banner.highlighter-banner .overlay {
    background-color: rgba(253,192,16,0.85)
}

.product-banner.staple-banner .overlay {
    background-color: rgba(31,131,62,0.85)
}

.product-banner.binder-banner .overlay {
    background-color: rgba(25,181,240,0.85)
}

.product-banner.seido-banner .overlay {
    background: linear-gradient(to right,rgba(51,51,51,1) 0,rgba(51,51,51,0.9) 58%,rgba(219,62,66,0.78) 100%)
}

.product-banner.highlighter_banner .overlay {
    background: linear-gradient(to right,rgba(51,51,51,1) 0,rgba(60,58,58,0.9) 58%,#FBB345 100%)
}

.product-banner.portal-banner .overlay {
    background: linear-gradient(to right,#333 0,rgba(51,51,51,0.8) 58%,rgba(51,51,51,0.3) 100%)
}

.seido-video-link .overlay.video-btn {
    background: transparent
}

.default_banner.partner-banner.omnium-banner .overlay {
    background-color: rgba(30,58,97,0.8)
}

#sets .overlay-blue {
    background-color: rgba(0,30,65,0.83)
}

#banner h2 {
    font-size: 3.5em;
    font-weight: 600;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    padding: 0
}

#banner h1 {
    font-size: 3.5em;
    font-weight: 600;
    line-height: 1em;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-family: 'Nunito Sans',sans-serif;
    font-weight: 800
}

#banner.seido-banner h1,#banner.highlighter_banner h1,#banner.portal-banner h1 {
    font-size: 3.2em
}

@media(max-width: 991px) {
    #banner.seido-banner h1,#banner.highlighter_banner h1,,#banner.portal-banner h1 {
        font-size:2.0em
    }
}

#banner a.btn.btn-primary:hover {
    background-color: rgba(255,255,255,0.1)
}

#banner p {
    font-size: 1.5em;
    margin: 0 0 0.5em 0;
    letter-spacing: 3px;
    font-family: 'Nunito Sans',sans-serif
}

#banner .container {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media(max-width: 767px) {
    #banner .banner_text p {
        font-size:1.25em
    }

    #banner .banner_text h2,#banner .banner_text h1 {
        font-size: 1.8em
    }
}

.section_banner {
    width: 100%;
    padding: 7em 0;
    margin-top: 80px
}

.section_banner h3:after {
    border-bottom: 2px solid #ffffff
}

#banner.default_banner {
    height: 70vh
}

#banner.omnium-banner {
    height: 65vh;
    background-position: center
}

@media(max-width: 410px) {
    #banner.omnium-banner {
        height:78vh
    }
}

#banner.seido-banner,#banner.highlighter_banner,#banner.portal-banner {
    height: 100vh;
    padding-top: 10vh
}

@media(max-width: 991px) {
    #banner.seido-banner,#banner.portal-banner {
        height:100vh
    }
}

@media(max-width: 768px) {
    #banner.seido-banner,#banner.portal-banner {
        height:100vh
    }

    #banner.seido-banner svg,#banner.seido-banner svg,#banner.portal-banner svg {
        display: none
    }
}

@media(max-width: 767px) {
    #banner img {
        height:220px;
        display: inline-block;
        text-align: center
    }

    #banner {
        text-align: center
    }
}

@media(max-width: 450px) {
    #banner img {
        height:160px
    }

    #banner.home-banner img {
        height: 190px
    }

    #banner.about-us-banner img,#banner.product-banner img {
        height: 110px
    }

    #banner.contact-banner img,#banner.service-banner img {
        height: 100px
    }

    #banner.product-banner.seido-banner img,#banner.product-banner.portal-banner img {
        height: 130px
    }
}
/*********** banner end *************/

.section {
    padding: 2.2em 0
}

.white_section h3 {
    text-align: center;
    color: #001e41
}

a.btn,button.btn,div.btn {
    padding: 1em 5em;
    border-radius: 0;
    background-color: transparent;
    -moz-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out,color 0.2s ease-in-out;
    letter-spacing: 1px;
    font-weight: 900;
    text-transform: uppercase
}

.btn.blue_btn {
    color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    margin-bottom: 8px;
    background-color: #1e3a61;
    border: none;
    margin-top: 0
}

@media(max-width: 991px) {
    .btn.blue_btn {
        padding:1em 2em
    }
}

@media(max-width: 768px) {
    .btn.blue_btn {
        padding:1em 1.5em;
        font-size: 0.6em
    }
}

a.btn.white_btn {
    color: #fff;
    border-color: #fff
}

a.btn.white_btn:hover {
    background-color: rgba(255,255,255,0.5);
    color: #333;
    opacity: 1
}

.product_list_banner a.btn.white_btn{
    margin-bottom:15px;
}

.bottom_banner a.btn.blue_btn {
    margin-top: 2em
}

.btn.blue_btn:hover,.btn.blue_btn:active,.btn.blue_btn:focus {
    opacity: 1;
    color: #1f3b61;
    border: none;
    outline-color: #e3edf8
}

.btn.blue_btn.card__btn:active,.btn.blue_btn.card__btn:focus {
    color: #fff
}

.btn.blue_btn:focus {
    outline-color:
}



#footer a {
    transition: 0.3s all ease-in-out
}

#footer p {
    font-size: 0.85em;
    color: #fff
}

/*********** newsletter start *************/

.post-area,.post-title,.post-date {
    display: block;
    width: 100%
}

.post-area {
    color: #505050
}

.post-area.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.news .post-area.animated:nth-child(-n+3) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.load-more.animated {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.post-area .col-sm-4 {
    padding-left: 8px;
    padding-right: 8px
}

.post-title a {
    color: inherit;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.1em;
    color: #001e41
}

.post-title .p-title {
    padding-top: 20px;
    font-size: 18px;
    width: auto;
    word-wrap: break-word;
    text-align: justify;
    clear: both;
    overflow: hidden
}

.post-more {
    margin-top: 10px
}

.post-more a {
    color: #00aae0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none
}

.post-more span {
    display: inline-block;
    margin-top: -6px;
    vertical-align: middle;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.post-more a:hover span {
    padding-left: 10px;
    font-weight: bold
}

.post-area .preview-image {
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
    max-height: 364px
}

@media(max-width: 1200px) {
    .post-area .preview-image {
        max-height:297px
    }
}

@media(max-width: 991px) {
    .post-area .preview-image {
        max-height:224px
    }
}

@media(max-width: 767px) {
    .post-area .preview-image {
        max-height:auto
    }
}

.preview-image img {
    height: 100%;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    min-width: 100%
}

.preview-content {
    word-wrap: break-word;
    font-size: 1em;
    line-height: 1.69231;
    color: #505050;
    clear: both;
    overflow: hidden
}

.load-more {
    text-align: center;
    clear: both
}

.post-content .post-title p,.post-content .post-more p {
    text-align: left
}

@media (min-width: 767px) {
    .post-area .preview-content {
        text-overflow:ellipsis;
        display: -webkit-box;
        word-break: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 67px
    }

    .post-content {
        margin-bottom: 40px
    }

    .p-title {
        text-overflow: ellipsis;
        display: -webkit-box;
        word-break: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 77px
    }
}

@media(max-width: 767px) {
    .post-area .preview-image {
        height:auto!important
    }

    .post-area {
        margin-bottom: 50px
    }
}

#main.newsletter {
    padding-top: 4em
}

@media(max-width: 767px) {
    #main.newsletter {
        padding:3em 0
    }
}

.news-content p {
    font-size: 1.2em
}

.newsletter-info {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.newsletter-info .container .row {
    align-items: center;
    justify-content: center;
    display: flex
}

.newsletter-info .middle {
    text-align: center
}

.newsletter-info .right {
    text-align: right
}

.news-content h3 {
    text-align: center;
    margin-top: 1em
}

.newsletter-info a {
    text-transform: uppercase;
    color: #00aae0;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer
}

.newsletter-info .left span {
    padding-right: 10px
}

.newsletter-info .right .tools span {
    padding-left: 10px;
    font-size: 25px
}

.newsletter-info .title {
    font-weight: bold;
    font-size: 18px
}

.newsletter-info .date {
    font-weight: lighter
}

@media(max-width: 767px) {
    .newsletter-info .row:first-child {
        border-bottom:1px solid #E0E0E0
    }

    .newsletter-info {
        padding: 0
    }

    .newsletter-info .row {
        padding: 10px 0
    }
}

.addthis_inline_share_toolbox {
    position: absolute;
    right: 5px;
    top: 40px;
    width: 50px
}

.newsletter .hr {
    margin-top: 50px;
    margin-bottom: 0;
    border-top: 1px solid rgba(0,0,0,0.2)
}

.recent-articles {
    margin-left: -8px;
    margin-right: -8px
}

.recent-articles h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 1.5em
}

@media(max-width: 767px) {
    .recent-articles h3 {
        text-align:center;
        margin-top: 0;
        margin-bottom: 30px
    }
}

ul.pagination {
    clear: both;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0 8px !important
}

ul.pagination>li {
    color: #DBDBDB;
    font-weight: bold;
    -moz-transition-duration: 100ms;
    -o-transition-duration: 100ms;
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms;
    margin-right: 5px
}

ul.pagination>li.cur {
    text-decoration: underline;
    color: #00aae0
}

ul.pagination>li:hover {
    cursor: pointer
}

#main ul.pagination>li:before {
    content: "";
    display: inline-block;
    width: 20px
}

#main ul.pagination>li.cur {
    color: #00aae0
}

#main ul.pagination>li:hover {
    color: #00aae0
}
/*********** newsletter end *************/


/*********** contact details start *************/
.contact-details {
    margin: 3em 0
}

.contact-details > div {
    padding-left: 0
}

.contact-details p {
    font-size: 15px
}


#map {
    height: 500px;
    background-color: #0575af
}

.contact-address {
    margin: 25px 0
}

.contact-details .contact-info {
    font-size: 18px;
    color: #426cb4;
    line-height: 40px
}

.contact-details .contact-info i {
    width: 40px;
    font-size: 25px
}

.contact-details .contact-info a {
    color: inherit
}

.contact-details h4 {
    color: #426cb4
}

@media(max-width: 767px) {
    .contact-details {
        padding-top:20px
    }

    .contact-details .contact-info {
        font-size: 13px
    }
}

#formWidgetSubmitResultText {
    font-size: 25px;
    color: #001e41;
    font-family: 'Orbitron',sans-serif;
    float: left
}

#seido-appointments #formWidgetSubmitResultText {
    color: gold;
    font-size: 14px
}

@media(max-width: 479px) {
    #formWidgetSubmitResultText {
        font-size:18px
    }
}

/*********** contact details end *************/

.container {
    padding-right: 15px;
    padding-left: 15px
}

h4 {
    margin-top: 25px;
    color: #2e5482;
    font-weight: 600
}

.row .row {
    margin-top: 10px;
    margin-bottom: 0
}

.testimonial_section .row .row {
    margin-top: 0
}

#header {
    position: absolute;
    margin: 0 auto;
    top: 74px;
    width: 100%;
    height: auto;
    z-index: 9999
}

@media(max-width: 991px) {
    #header {
        position: fixed;
        top: 100px;
    }
}

.home_header {
    background: transparent
}

ul {
    list-style-type: none;
    text-align: left
}

.no_banner {
    border-radius: 6px !important
}

@media(max-width: 500px) {
    #home_main .section h3,.section_banner h3,.section h3,.i-want-to .page_header h3,#main .page_header h3,.sub h3 {
        font-size:1.5em
    }
    #home_main .section p,.section_banner p,.section p,.bottom_banner .text,#footer p.footer-links,.content_body ul li,.profile .adviser_content_2 ul > li {
        font-size: 0.9em
    }
    .btn {
        font-size: 0.8em
    }
}

#navbar {
    overflow-x: hidden
}

@media (max-width: 767px) {
    .dropdown-menu>li>a {
        white-space:pre-wrap
    }
}

@media (max-width: 1200px) {
    .navbar-default .navbar-nav>.active>a {
        border:initial
    }
}

.dropdown-menu>li>a {
    padding: 0
}

#header .navbar-nav > li > a {
    padding: 1em 2em;
    margin-right: 0
}

@media (max-width: 1200px) {
    li.dropdown:hover ul {
    }
}

@media(max-width: 767px) {
    #main.contact-us {
        padding-bottom:4em
    }
}

/************ Home page product cards startd **************/
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: center;
    padding: 10px 0;
    height: 260px;
    margin-top: 60px;
    width: 100%;
    border-radius: 20px;
    background-color: #fff
}

@media(max-width: 1300px) {
    .card {
        height:320px
    }
}

@media(max-width: 1199px) {
    .card {
        height:300px
    }
}

@media(max-width: 991px) {
    .card {
        height:auto;
        margin-top: 80px
    }
}

.card img {
    display: inline-block;
    margin-top: -60px;
    height: 100px
}

.overlay-text-bar {
    position: relative;
    border-top-left-radius: 3em;
    */height: 45px;
    z-index: 2;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 800;
    width: 100%;
    padding: 5px 0;
    display: table
}

.card a {
    color: #333
}

.card a:hover {
    opacity: 1
}

.overlay-text-bar p {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Nunito Sans',sans-serif
}

.canvas-overlay-text-bar {
    background-color: #7d3d82
}

.highlighter-overlay-text-bar {
    background-color: #fbb345
}

.staple-overlay-text-bar {
    background-color: #22833c
}

.binder-overlay-text-bar {
    background-color: #0ea0c4
}

.seido-overlay-text-bar {
    background-color: #db3e42
}

.card p {
    padding: 0 8px
}

/************ Home page product cards end **************/

/******** section divided svg start********/

.curve_border_section {
    background-color: #e3edf8
}

#curveUpColor path,#curveDownColor path {
    fill: #e3edf8;
    stroke: #e3edf8;
    stroke-width: 0
}

.portal-banner #curveUpColor path,.portal-banner #curveDownColor path {
    fill: #ffffff;
    stroke: #ffffff;
    stroke-width: 0
}

#banner.seido-banner #curveUpColor,#banner.highlighter_banner #curveUpColor,#banner.portal-banner #curveUpColor {
    position: absolute;
    bottom: 0
}

#banner.seido-banner #curveUpColor path,#curveDownColor path,#banner.highlighter_banner #curveUpColor path {
    fill: #fff;
    stroke: #fff
}

#curveDownColor path {
    fill: #ffffff;
    stroke: #e3edf8
}

#product-highlighter-main #curveDownColor path {
    fill: white
}

#bigHalfCircle path {
    fill: #e3edf8;
    stroke: #e3edf8;
    stroke-width: 0
}

svg {
    display: block
}

/******** section divided svg end********/

.section-title {
    font-size: 18px;
    color: #2e5482;
    text-align: center;
    margin-bottom: 15px;
    font-family: 'Orbitron',sans-serif;
    margin-top: 20px;
    color: #1e3a61;
    font-family: 'Nunito Sans',sans-serif
}

#feedsy-main .section-title {
}

#product-main .section-title {
    color: #622b60
}

#product-canvas-main .section-title {
    color: #622b60
}

#product-highlighter-main .section-title {
    color: #333
}

#product-staple-main .section-title {
    color: #228340
}

#product-binder-main .section-title {
    color: #19b5f0
}

#product-seido-main .section-title {
    color: #333
}

#product-main .section-title h2:after {
    border-bottom: 2px solid #622b60
}

#product-highlighter-main .section-title h2:after {
    border-bottom: 2px solid #333
}

#product-staple-main .section-title h2:after {
    border-bottom: 2px solid #228340
}

#product-binder-main .section-title h2:after {
    border-bottom: 2px solid #19b5f0
}

#product-seido-main .section-title {
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 20px
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    height: 50%
}

#quote-carousel .carousel-control i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 767px) {
    .carousel-control {
        display:none
    }
}

.item blockquote {
    border-left: none;
    margin: 0
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px
}

.dropdown-menu .intro-text {
    color: #999;
    text-align: left;
    font-family: 'Righteous',cursive;
    white-space: normal;
    font-family: 'Nunito Sans',sans-serif
}

@media(max-width: 991px) {
    .dropdown-menu .intro-text {
        display:none
    }

    .navbar-nav hr {
        display: none
    }
}

.dropdown-menu a {
    color: #2e5482;
    transition: none
}

.dropdown-menu a p {
    font-weight: 700;
    font-family: 'Orbitron',sans-serif;
    font-family: 'Nunito Sans',sans-serif
}

.dropdown-menu a span.partners {
    min-width: 76px;
    display: inline-block
}

.testimonial_section {
    height: 670px;
    position: relative
}

@media(max-width: 991px) {
    .testimonial_section {
        height:auto
    }
}

a.btn.home_banner_btn {
    color: #fff;
    border: none;
    width: 100%;
    background-color: #1f3b61;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

a.btn.home_banner_btn:hover,a.btn.home_banner_btn:active,a.btn.home_banner_btn:focus {
    opacity: 1;
    color: #1f3b61
}

.short_icon img {
    width: 130px;
    display: inline-block
}

.section-banner-btn {
    border-color: #fff
}

.overlay-2 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #426cb4
}

.cross-banner-img-row {
    margin-top: -11%;
    text-align: center
}

.section-title .fa-lg {
    font-size: 2em
}

/******** product intro row start ********/
.product-intro-row {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 20px;
    text-align: center;
    margin: 60px 0;
    margin-top: -65px;
    background-color: #fff;
    z-index: 2;
    position: relative;
    overflow: hidden
}

@media(max-width: 479px) {
    .product-intro-row {
        padding:20px
    }

    #advant-main .product-intro-row .btn.blue_btn {
        font-size: 10px
    }
}

.product-intro-row img {
    height: 130px;
    display: inline-block;
    margin: 15px;
    padding: 5px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

@media(max-width: 991px) {
    .product-intro-row img {
        margin:0
    }
}

/******** product intro row end ********/



#partners-landing-main .product-intro-row img {
    box-shadow: none;
    border-radius: 0;
    height: 380px
}

.product-middle-row {
    background-color: whitesmoke;
    margin-top: -60px;
    padding-bottom: 40px
}

.product-middle-row ul {
    list-style-type: initial
}

.product-middle-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 20px;
    background-color: #fff
}

.btn.btn-card {
    border-radius: 0;
    margin-top: 20px;
    border: 2px solid #fff;
    color: #fff
}

.btn.btn-card:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.service-card .btn.btn-card {
    border-radius: 0;
    margin-top: 2px;
    border: 1px solid #2c5482;
    color: #2c5482;
    border-radius: 30px;
    padding: 10px 20px;
    color: #2c5482
}

.service-card .btn.btn-card:hover {
    color: #fff;
    background-color: #2c5482
}

/******** product benefit card start ********/
.product-benefit-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px
}

@media(max-width: 767px) {
    .product-benefit-card {
        margin-bottom:70px
    }
}

.product-benefit-card img {
    height: 100px;
    display: inline-block;
    margin-top: -40px;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 50%
}

.product-benefit-card-bottom {
    background-color: #8b3d88
}

#product-canvas-main .product-benefit-card-bottom {
    background-color: #8b3d88
}

#product-highlighter-main .product-benefit-card-bottom {
    background-color: #fdc010
}

#product-staple-main .product-benefit-card-bottom {
    background-color: #22823d
}

#product-binder-main .product-benefit-card-bottom {
    background-color: #19b5f0
}

#product-seido-main .product-benefit-card-bottom {
    background-color: #da3f42
}

.xplan-service-main .product-benefit-card-bottom {
    background-color: #2c5482
}

.product-benefit-card .btn.btn-card {
    background: none;
    border-radius: 0;
    margin-top: 20px;
    border: none;
    color: #333;
    background-color: rgba(255,255,255,0.5);
    margin-bottom: 20px
}

#product-seido-main .product-benefit-card .btn.btn-card {
    color: #b73d3d
}

.xplan-service-main .product-benefit-card .btn.btn-card {
    color: #2c5482
}

#product-canvas-main .product-benefit-card .btn.btn-card {
    color: #622b60
}

#product-highlighter-main .product-benefit-card .btn.btn-card {
    color: #b1860b
}

#product-staple-main .product-benefit-card .btn.btn-card {
    color: #1a632e
}

#product-binder-main .product-benefit-card .btn.btn-card {
    color: #117ea8
}

.product-benefit-card .btn.btn-card:hover {
    color: #333;
    background-color: rgba(255,255,255,0.5)
}

#product-canvas-main .product-benefit-card-top {
    height: 285px;
    padding: 15px
}

#product-highlighter-main .product-benefit-card-top {
    height: 285px;
    padding: 15px
}

@media(max-width: 1200px) {
    #product-highlighter-main .product-benefit-card-top {
        height:310px;
        padding: 15px
    }
}

@media(max-width: 767px) {
    #product-highlighter-main .product-benefit-card-top {
        height:auto;
        padding: 15px
    }
}

#product-staple-main .product-benefit-card-top {
    height: 285px;
    padding: 15px
}

#product-binder-main .product-benefit-card-top {
    height: 275px;
    padding: 15px
}

#product-seido-main .product-benefit-card-top {
    height: 175px;
    padding: 15px
}

@media(max-width: 768px) {
    #product-seido-main .product-benefit-card-top {
        height:auto
    }
}

.xplan-service-main .product-benefit-card-top {
    padding: 20px 15px;
    height: 230px
}

@media(max-width: 1199px) {
    #product-binder-main .product-benefit-card-top {
        height:290px;
        padding: 15px
    }
}

/******** product benefit card end ********/



@media(max-width: 991px) {
    .curve_border_section {
        text-align:center
    }

    .curve_border_section img {
        text-align: center;
        display: inline-block
    }
}

@media(max-width: 1199px) {
    .service_section [class*=' col-'] {
        height:400px
    }
}

@media(max-width: 991px) {
    .service_section [class*=' col-'] {
        height:450px
    }
}

@media(max-width: 767px) {
    .service_section [class*=' col-'] {
        height:350px
    }

    .service_section img {
        height: 120px
    }
}

@media(max-width: 380px) {
    .service_section [class*=' col-'] {
    }

    .service_section img {
        height: 100px
    }
}

.product-banner {
    z-index: 1;
    text-align: center
}

.product-banner.seido-banner,.product-banner.highlighter_banner,.product-banner.portal-banner {
    text-align: left
}

.product-banner.seido-banner .banner_text,.product-banner.highlighter_banner .banner_text,.product-banner.portal-banner .banner_text {
    margin: 30px 0
}

@media(max-width: 450px) {
    .product-banner .banner_text {
    }
}

#bigTriangleColor path {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2
}

.product-banner img {
    display: inline-block
}

@media(max-width: 991px) {
    .product-banner img {
        max-height:280px
    }
}

/********** service page card start ********/
.service-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
    padding-top: 10px
}

.service-card img {
    height: 100px;
    display: inline-block
}

.service-card-bottom {
    background-color: #2c5482;
    color: #fff;
    padding: 20px 0
}

#feedsy-main .service-card-bottom {
    background-color: rgba(51,51,51,0.9);
    text-align: left;
    padding: 26px;
    height: 380px
}

@media(max-width: 1200px) {
    #feedsy-main .service-card-bottom {
        height:400px
    }
}

@media(max-width: 768px) {
    #feedsy-main .service-card-bottom {
        height:auto
    }
}

#service-main .service-card-bottom {
    height: 280px;
    position: relative
}

@media(max-width: 1199px) {
    #service-main .service-card-bottom {
        height:315px
    }
}

.service-card-bottom ul.detail li:before {
    position: absolute;
    left: 10px!important;
    font-family: FontAwesome;
    content: '\f058'
}

.service-card-top {
    padding-bottom: 10px;
    font-family: 'Baloo Paaji',cursive;
    height: 100px
}

@media(max-width: 1199px) {
    #coin-service .service-card-top {
        padding-bottom:10px;
        font-family: 'Baloo Paaji',cursive;
        height: 180px
    }
}

.service-card-top h4 {
    font-size: 20px;
    height: 58px;
    font-family: 'Righteous',cursive
}

#feedsy-main .service-card-top h4 {
    font-family: 'Orbitron',sans-serif;
    font-size: 22px;
    height: 58px
}

#feedsy-main .service-card-top {
    height: 70px
}

@media(max-width: 1199px) {
    #coin-service .service-card-top h4 {
        font-size:20px;
        height: 95px;
        padding: 5px
    }
}

/********** service page card end ********/

#trianglePath1 {
    fill: #e3edf8;
    stroke: #e3edf8;
    stroke-width: 0
}

#trianglePath2 {
    fill: #bed2e8;
    stroke: #bed2e8;
    stroke-width: 0
}

.service-bottom-row {
    background-color: #e3edf8
}

.xplan-service-main .service-bottom-row img {
    max-height: 260px
}

.service-top-section-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    background-color: #fff
}

.service-banner .banner_text {
}

@media(max-width: 450px) {
    .service-banner .banner_text {
    }
}

.service-section-card {
    margin-top: 15%
}

/******** Project card in website page start ********/

.project-card {
    margin: 0;
    position: relative;
    color: #333;
    height: 190px
}

.project-card .overlay {
    z-index: 11;
    background-color: rgba(26,43,72,0.8)
}

.project-card .overlay h4 {
    color: #fff;
    text-align: center;
    padding-top: 15%;
    font-family: 'Righteous',cursive;
    font-family: 'Nunito Sans',sans-serif;
    font-weight: 700
}

.project-card:hover img {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
    z-index: 13
}

.project-card:hover .overlay {
    display: none
}

.project-card img {
    z-index: 10;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    width: 100%;
    display: block;
    position: relative;
    height: 100%
}

.img-caption {
    height: 90px;
    width: 100%;
    top: auto;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    padding: 20px;
    background: #1a2b48;
    color: #7696cd
}

.img-caption p {
    margin: 0;
    padding: 0;
    color: #fff
}

.img-caption a {
    position: absolute;
    right: 20px;
    top: 30px
}

.img-caption a {
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #426cb4;
    color: #fff
}

/******** Project card in website page end ********/

.testimonial-row {
    position: relative;
    z-index: 1;
    height: 625px
}

.section_banner_new:before {
    display: block;
    position: absolute;
    content: '';
    top: -25px;
    background: rgba(51,51,51,0.9);
    box-shadow: -50px 50px 0 rgba(51,51,51,0.9),50px -50px 0 rgba(51,51,51,0.9);
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.service-banner img {
    padding-top: 60px
}

@media(max-width: 991px) {
    .service-banner img {
        margin-top:0;
        padding-top: 0
    }
}

/******** About us page about us card start ********/

.about-us-banner {
    z-index: 1
}

.about-us-card {
    height: 400px;
    margin: 12px auto;
    position: relative;
    z-index: 1;
    perspective: 600px
}

.about-us-card .about-us-card-front {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.about-us-card .about-us-card-front {
    transform: rotateY(0deg);
    overflow: hidden;
    z-index: 1
}

.about-us-card .about-us-card-front .about-us-card-top-pic {
    height: 50%;
    width: 100%;
    background-size: cover
}

.about-us-card .about-us-card-front .about-us-card-info-box {
    height: 50%;
    width: 100%;
    position: absolute;
    display: table;
    left: 0;
    bottom: 0;
    background: #e3edf8;
    padding: 20px
}

@media(max-width: 991px) {
    .about-us-card .about-us-card-front .about-us-card-info-box {
        height:65%
    }
}

@media(max-width: 768px) {
    .about-us-card .about-us-card-front .about-us-card-info-box {
        height:50%
    }
}

#product-seido-main .about-us-card .about-us-card-front .about-us-card-info-box {
    background: #fff
}

.about-us-card .info {
    display: table-row;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    padding-left: auto;
    padding-right: auto;
    padding: 10px
}

/******** About us page about us card end ********/

.refer_a_friend_card_icon {
    font-size: 78px;
    color: #00BCD4
}

.refer-card-text {
    padding: 10px;
    text-align: center
}

#input-box,#output-box,#file-selection-box {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: center;
    padding: 30px
}

#input-box .form-control,#output-box .form-control {
    height: 45px
}

.form-control[readonly] {
    background-color: whitesmoke
}

#copy-btn {
    margin-top: 10px;
    padding: 10px 20px;
    border: 1.5px solid #426cb4;
    background-color: #426cb4;
    font-weight: 900;
    color: #fff
}

.refer_a_friend_banner {
    z-index: -10
}

.refer-friend-intro-row {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 40px;
    margin: 60px 0;
    margin-top: -100px;
    background-color: #fff
}

.btn.refer-steps-btn {
    width: 100%;
    background-color: #426cb4;
    color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 30px;
    text-transform: capitalize;
    margin-bottom: 15px
}

.btn.refer-steps-btn.unactive {
    width: 100%;
    background-color: #eee;
    color: #426cb4
}

a.btn.refer-steps-btn:hover {
    opacity: 1
}

a.btn.refer-steps-btn::before,a.btn.refer-steps-btn::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    border: 2px solid rgba(66,108,180,0.6);
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s,opacity 0.3s;
    -moz-transition: -moz-transform 0.3s,opacity 0.3s;
    transition: transform 0.3s,opacity 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
    transform: translateX(-50%) translateY(-50%) scale(0.2)
}

a.btn.refer-steps-btn::after {
    width: 90px;
    height: 90px;
    border-width: 6px;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8)
}

a.btn.refer-steps-btn:hover::before,a.btn.refer-steps-btn:hover::after,a.btn.refer-steps-btn:focus::before,a.btn.refer-steps-btn:focus::after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
}

.refer-steps-panel {
    padding: 30px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.btn.refer-friend-btn {
    background-color: #00BCD4;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 9%;
    font-size: 12px
}

@media(max-width: 991px) {
    .btn.refer-friend-btn {
        position:relative;
        bottom: 0
    }
}

@media(max-width: 450px) {
    .btn.refer-friend-btn {
        padding:1em 2em;
        font-size: 10px
    }
}

#email-icon {
    font-size: 24px;
    color: #426cb4
}

.home-banner-img {
}

.home-section-text-content {
    overflow: hidden
}

.home-section-img-content {
    text-align: center
}

.home-section-img {
    display: inline-block
}

#footer {
    text-align: center;
    font-family: 'Open Sans',sans-serif
}

#footer a {
}

#footer .foot-title {
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #00BCD4;
    font-style: italic;
    font-family: 'Questrial',sans-serif
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#footer .second {
    text-align: left;
    box-shadow: inset 0 0 0 700px rgba(51,51,51,0.7);
    padding: 2em 1em 0.5em 1em
}

#footer h3 {
    font-size: 1.6em;
    font-weight: 600;
    color: #fff;
    font-family: 'Orbitron',sans-serif;
    font-family: 'Nunito Sans',sans-serif
}

#footer .com-logo {
    max-height: 40px;
    margin: 10px 0;
    display: inline-block
}

#footer h3:after {
    content: "";
    display: block;
    height: 1px;
    width: 60px;
    margin: 1em auto;
    border-bottom: 2px solid #fff
}

.footer-social-icons {
    font-size: 16px!important
}

#footer .second a {
    font-size: inherit
}

/******** product page middle section icon start ********/
.icon_round_shadow_back_card {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    position: relative
}

.icon-wrap {
    font-size: 26px;
    color: rgb(2,179,228);
    position: absolute;
    top: 0;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 50px
}

#product-canvas-main .icon-wrap {
    color: #8b3d88
}

#product-highlighter-main .icon-wrap {
    color: #fdc010
}

#product-staple-main .icon-wrap {
    color: #4b8c57
}

#product-seido-main .icon-wrap {
    color: gray;
    font-size: 20px;
    line-height: 45px
}

#product-seido-main .icon_round_shadow_back_card {
    width: 45px;
    height: 45px
}

/******** product page middle section icon end ********/

/******** product page middle row start ********/
#product-canvas-main h4 {
    color: #8b3d88
}

#product-highlighter-main h4 {
    color: #fdc010
}

#product-staple-main h4 {
    color: #4b8c57
}

#product-binder-main h4 {
    color: rgb(2,179,228)
}

#product-seido-main h4 {
    color: #333
}

.middle-row-right {
    text-align: right
}

.middle-row-right .icon_round_shadow_back_card {
    margin-left: -25px
}

@media(max-width: 991px) {
    .middle-row-right .icon_round_shadow_back_card {
        margin-left:0;
        float: right
    }
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}

.product-display-row img {
    height: 240px
}

.product-canvas-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(51,51,51,0.9);
    padding: 30px;
    padding-bottom: 0;
    color: #fff;
    transition: 1s all ease-in-out
}

.product-canvas-overlay h4,.product-canvas-overlay-2 h4 {
    font-size: 1.2em
}

.product-canvas-overlay i,.product-canvas-overlay-2 i {
    font-size: 50px
}

.product-canvas-overlay-2 {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(128,128,128,0.9);
    padding: 30px;
    padding-bottom: 0;
    color: #fff;
    transition: 1s all ease-in-out
}

.product-canvas-overlay-2:hover,.product-canvas-overlay:hover {
    background-color: rgba(128,128,128,0.3)
}

.product-canvas-overlay-2:hover i,.product-canvas-overlay-2:hover h4 {
    opacity: 0;
    transition: 1s all ease-in-out
}

.product-canvas-overlay:hover i,.product-canvas-overlay:hover h4 {
    opacity: 0;
    transition: 1s all ease-in-out
}

#product-canvas-main .product-canvas-overlay h4 {
    color: #fff
}

#product-canvas-main .product-canvas-overlay-2 h4 {
    color: #fff
}

/******** product page middle row end ********/

#trianglePath3 {
    fill: #f5f5f5;
    stroke: #f5f5f5;
    stroke-width: 0
}

.pace .pace-progress {
    height: 4px
}

.tab {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px
}

.faq input {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.faq label {
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    background: aliceblue;
    font-weight: 600;
    line-height: 3;
    cursor: pointer;
    color: #2c5482;
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 16px;
    border-left: 2px solid #2c5482;
}

.faq.feedsy-faq label {
    background: rgba(51,51,51,0.9);
    color: #fff;
}

.tab-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s
}

.tab-content p {
    margin: 1em
}

.tab-content {
    border-left: 2px solid #ccc;
    margin-bottom: 1px
}

.faq.feedsy-faq .tab-content {
    border: 2px solid rgba(51,51,51,0.9)
}

input:checked ~ .tab-content {
    max-height: 500em;
    margin-bottom: 0
}

label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s
}

input[type=checkbox] + label::after {
    content: "+"
}

input[type=radio] + label::after {
    content: "\25BC"
}

input[type=checkbox]:checked + label::after {
    transform: rotate(315deg)
}

input[type=radio]:checked + label::after {
    transform: rotateX(180deg)
}

.faq .content_body {
    text-align: left
}

.faq h2 i.fa {
    vertical-align: middle;
    font-size: 2.5em
}

.faq .content_body h2 {
    font-weight: 600;
    font-size: 18px;
    border-bottom: none;
    color: #2c5482
}

.faq .content_body .row:first-child h2 {
    margin-top: 0
}

@media (max-width: 767px) {
    #main.faq {
        padding-bottom:4em
    }
}

#banner.service-banner h2,#banner.service-banner h1 {
    text-transform: initial
}

.detail {
    margin: 10px;
    position: absolute
}

.product-benefit-card-top h4 {
    height: 62px
}

@media(max-width: 1199px) {
    #product-binder-main .product-benefit-card-top h4 {
        height:85px
    }
}

.product-benefit-card-top ul {
    list-style-type: initial;
    padding-left: 25px
}

.flex-row {
    display: flex;
    justify-content: center
}

@media(max-width: 991px) {
    ul.dropdown-menu.services,ul.dropdown-menu.about-us-dropdown-menu {
        text-align:left
    }

    .dropdown-menu.services li,ul.dropdown-menu.about-us-dropdown-menu li,ul.dropdown-menu.products li {
        color: #fff
    }

    .dropdown-menu.services li span,ul.dropdown-menu.about-us-dropdown-menu li span {
        color: #1f8cec
    }
}

.home-banner-text-col-2 {
    display: none
}

@media(max-width: 768px) {
    .home-banner-text-col-2 {
        display:block
    }

    .home-banner-text-col-1 {
        display: none
    }
}

#faq-ul ul {
    padding-left: 20px
}

.content ul.terms {
    list-style-type: decimal
}

.content ul.terms-inner {
    list-style-type: square;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

.content ul.terms li {
    font-size: 18px;
    padding: 2px
}

.content ul.terms-inner li {
    font-size: 16px;
    padding: 1px;
    color: #2e5482
}

.content ul.terms-inner-2 {
    list-style-type: lower-roman;
    margin-top: 10px;
    margin-bottom: 10px
}

.content ul.terms-inner-2 li {
    font-size: 16px;
    padding: 1px
}

.policy-link {
    color: #2e5482
}

.row.product-intro-row p {
    margin-top: 10px
}

#product-canvas-main,#product-highlighter-main,#product-staple-main,#product-binder-main {
    margin-bottom: 4em
}

.first-middle-row-icon {
    display: none
}

@media(max-width: 991px) {
    .second-middle-row-icon {
        display:none
    }

    .first-middle-row-icon {
        display: block;
        text-align: right
    }
}

@media(max-width: 768px) {
    .navbar-brand img {
        height:40px
    }
}

#regform-1,#regform-2,#regform-3 {
    width: 100%;
    border: none
}

#regform-1 {
    height: 100%
}

@media (max-width: 992px)#regform-1 {
    height:1100px
}

.service_section > .container > .row {
    overflow: hidden
}

.registration_banner .overlay {
    background-color: rgba(44,84,130,0.8)
}

.afterheader a {
    color: #2196F3
}

.afterheader {
    background-color: #e3edf8;
    padding-bottom: 4em
}

#regform-2 {
    height: 100%
}

.reg-container {
    height: 800px
}

.afterheader ul {
    list-style-type: initial
}

.our-projects-row .container .row>div {
    margin-bottom: 30px
}

.our-projects-row .row {
    margin-top: 0
}

#regform-3 {
    height: 100%
}

.footer-links a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: #inherit;
    text-shadow: none;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative
}

.footer-links a::before,.footer-links a::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s,-webkit-transform 0.3s;
    -moz-transition: opacity 0.3s,-moz-transform 0.3s;
    transition: opacity 0.3s,transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.footer-links a::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.footer-links a::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

.footer-links a:hover,.footer-links a:focus {
    color: #fff
}

.footer-links a:hover::before,.footer-links a:focus::before,.footer-links a:hover::after,.footer-links a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

.interest {
    box-shadow: 1px 1px 2px -1px #909090;
    background: #f9f9f9;
    border: 1px solid #d3d3d3;
    color: #000;
    padding-left: 10px!important
}

.formwidget .collapse {
    float: none
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: 'Orbitron',sans-serif;
    color: #2e5482
}

#reg-img {
    max-width: 280px
}

.refer-steps-panel .box {
    height: 300px
}

@media(max-width: 991px) {
    .refer-steps-panel .box {
        height:auto
    }
}

.footer-social-icons a {
}

.footer-social-icons a:hover .fa-stack {
}

.footer-social-icons .fa-square {
    opacity: 0
}

.footer-social-icons a:hover .fa-square {
    opacity: 1
}

.about-us-banner .banner_text,.contact-banner .banner_text {
}

.refer_a_friend_banner .banner_text {
}

@media(max-width: 450px) {
    .about-us-banner .banner_text {
    }

    .refer_a_friend_banner .banner_text {
    }

    .contact-banner .banner_text {
    }
}

@media(max-width: 585px) {
    .white_section.service_section h4 {
        height:60px
    }
}

.banner-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    #banner.seido-banner .banner-container,#banner.portal-banner .banner-container,#banner.highlighter_banner .banner-container {
        display:block;
        text-align: center
    }
}

@media(max-width: 767px) {
    .banner-container {
        display:block
    }
}

.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-float:hover,.hvr-float:focus,.hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

a.home-service-link:hover {
    opacity: 1
}

.loaded-screen {
    z-index: 4;
    position: relative;
    background-color: rgb(255,255,255)
}

.loaded-screen {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .4s;
    -webkit-transition-timing-function: ease-in;
    -webkit-animation-fill-mode: backwards
}

#search-form {
    width: 300px;
    transform: translateX(-50%);
    text-align: center
}

@media(max-width: 767px) {
    #search-form {
        width:250px
    }
}

@media(max-width: 767px) {
    #search-form {
        width:220px
    }
}

.search-box {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 80%;
    transform: translateX(-50%)
}

#search-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(-100%,100%) scale(0,0);
    -moz-transform: translate(-100%,100%) scale(0,0);
    -o-transform: translate(-100%,100%) scale(0,0);
    -ms-transform: translate(-100%,100%) scale(0,0);
    transform: translate(-100%,100%) scale(0,0);
    opacity: 0;
    overflow: auto
}

#search-wrapper .input-field {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-top: -51px
}

#search-wrapper input[type="search"] {
    color: white;
    width: 100%;
    background: rgba(0,0,0,0);
    font-size: 35px;
    font-weight: 300;
    text-align: left;
    border: 0;
    margin: 0 auto;
    outline: none;
    border-bottom: 1px solid #2196F3;
    -webkit-box-shadow: 0 1px 0 0 #2196F3;
    box-shadow: 0 1px 0 0 #2196F3;
    font-family: 'Orbitron',sans-serif
}

.searchLoadingImg {
    position: absolute;
    right: 0;
    top: 15px
}

#search-wrapper input[type="search"]::placeholder {
    color: #fff
}

#search-wrapper input[type="search"]:-ms-input-placeholder,#search-wrapper input[type="search"]::-ms-input-placeholder {
    color: #fff
}

#search-wrapper .close {
    position: absolute;
    top: -60px;
    right: 0;
    color: #fff;
    background-color: transparent;
    border: none;
    opacity: 1;
    font-size: 40px
}

#search-wrapper.open {
    -webkit-transform: translate(0px,0px) scale(1,1);
    -moz-transform: translate(0px,0px) scale(1,1);
    -o-transform: translate(0px,0px) scale(1,1);
    -ms-transform: translate(0px,0px) scale(1,1);
    transform: translate(0px,0px) scale(1,1);
    opacity: 1;
    z-index: 110
}

#page-result {
    color: #fff;
    margin-top: 30px
}

li.search-item {
    font-size: 14px;
    list-style-type: none
}

.banner-form-card {
    background-color: rgba(255,255,255,0.96);
    height: 240px;
    padding: 20px;
    color: #333;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    text-align: center
}

#feedsy-main .banner-form-card {
    text-align: left;
    height: auto
}

.banner-form-card .card-top-icon {
    font-size: 60px;
    border: 3px solid #58a73f;
    padding: 15px;
    border-radius: 50%;
    background-color: #58a73f;
    margin-top: -100px;
    color: #fff;
    text-align: center
}

@media(max-width: 991px) {
    .banner-form-card {
        height:330px
    }
}

@media(max-width: 767px) {
    .banner-form-card {
        height:auto
    }

    .banner-form-card .card-top-icon {
        margin-top: 0
    }
}

.service-banner-div {
    box-shadow: inset 0 0 0 700px rgba(51,51,51,0.3);
    padding: 50px;
    background-size: cover;
    position: relative
}

.service-bottom-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 30px;
    text-align: center;
    margin: 30px 0;
    overflow: hidden;
    height: 345px;
    width: 100%;
    background-color: #fff
}

.product-seido-section-banner .service-bottom-card {
    height: 430px;
    position: relative
}

@media(max-width: 991px) {
    .product-seido-section-banner .service-bottom-card {
        height:520px
    }
}

@media(max-width: 768px) {
    .product-seido-section-banner .service-bottom-card {
        height:auto
    }
}

.product-seido-section-banner .service-bottom-card ul {
    list-style-type: initial
}

.service-bottom-card em {
    color: #426cb4;
    transition: 0.5s all ease-in-out
}

.product-seido-section-banner .service-bottom-card em {
    color: #da3f42;
    position: absolute;
    bottom: 15px;
    left: 5px;
    right: 5px
}

@media(max-width: 1200px) {
    .service-bottom-card {
        height:400px
    }
}

@media(max-width: 767px) {
    .service-bottom-card {
        width:100%;
        height: 360px
    }
}

.service-bottom-card img {
    max-height: 120px;
    display: inline-block;
    transition: 0.5s all ease-in-out
}

.service-bottom-card h4,.service-bottom-card p,.service-bottom-card li {
    color: #555555;
    transition: 0.5s all ease-in-out
}

.service-bottom-card:hover li {
    color: #fff
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #426cb4;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.product-seido-section-banner .hvr-radial-out:before {
    background: #da3f42
}

.hvr-radial-out:hover,.hvr-radial-out:focus,.hvr-radial-out:active {
    color: white
}

.hvr-radial-out:hover:before,.hvr-radial-out:focus:before,.hvr-radial-out:active:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.service-bottom-card:hover h4,.service-bottom-card:hover p,.service-bottom-card:hover em {
    color: #fff
}

img.service-bottom-card-img-1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0
}

img.service-bottom-card-img-2 {
    bottom: -999px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.service-bottom-card:hover img.service-bottom-card-img-1 {
    top: -999px
}

.service-bottom-card:hover img.service-bottom-card-img-2 {
    bottom: 0
}

.img-wrap {
    position: relative;
    height: 120px;
    overflow: hidden
}

.video-wrap {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px
}

.product-main .product-bottom-row-2 {
    overflow: hidden
}

.faq-banner {
    position: relative;
    height: 200px;
    text-align: center
}

.faq-banner h4,.faq-banner h3 {
    color: #fff;
    font-weight: 800
}

.faq-banner a.home_banner_btn {
    margin-top: 15px;
    border: 2px dashed #fff;
    color: #fff;
    background-color: transparent;
    border-radius: 30px
}

.faq-banner a.home_banner_btn:hover {
    background-color: #fff;
    color: #1f3b61;
    opacity: 1
}

.faq-banner .overlay {
    background: rgb(28,28,29);
    background: -moz-linear-gradient(left,rgba(28,28,29,1) 0,rgba(227,237,248,0.76) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(28,28,29,1)),color-stop(100%,rgba(227,237,248,0.76)));
    background: -webkit-linear-gradient(left,rgba(28,28,29,1) 0,rgba(227,237,248,0.76) 100%);
    background: -o-linear-gradient(left,rgba(28,28,29,1) 0,rgba(227,237,248,0.76) 100%);
    background: -ms-linear-gradient(left,rgba(28,28,29,1) 0,rgba(227,237,248,0.76) 100%);
    background: linear-gradient(to right,rgba(28,28,29,1) 0,rgba(227,237,248,0.76) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5482',endColorstr='#e3edf8',GradientType=1 )
}

.xplan-service-main a.btn.home_banner_btn,.soa-template a.btn.home_banner_btn,.soa-checklist a.btn.home_banner_btn, .seido-help-video a.btn.home_banner_btn {
    width: auto;
    margin-bottom: 20px
}

table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

table tr {
    border: 1px solid #ccd5df;
    padding: .35em
}

table tr:nth-child(even) {
    background: #f1f6fb
}

table th,table td {
    padding: .625em;
    text-align: left
}

table th {
    background: #2e5482;
    color: #fff;
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase
}

table td {
    overflow: hidden;
    text-overflow: ellipsis
}

table td ul {
    list-style-type: initial
}

.table-col {
    width: 7%
}

@media(max-width: 1200px) {
    .table-col {
        width:8%
    }
}

@media(max-width: 991px) {
    .table-col {
        width:12%
    }
}

@media(max-width: 600px) {
    .table-col {
        width:15%
    }
}

@media(max-width: 500px) {
    .table-col {
        width:1%
    }
}

.banner-form-card a.btn.home_banner_btn {
    width: 60%
}

@media(max-width: 991px) {
    .banner-form-card a.btn.home_banner_btn {
        width:100%
    }
}

@media(max-width: 450px) {
    .banner-form-card a.btn.home_banner_btn {
        padding:1em 3em
    }
}

/******** Home page clients slider start ********/

.sliderwrap {
    float: left;
    width: 100%;
    height: 80px!important;
    margin-top: 20px;
    margin-bottom: 40px
}

@media(max-width: 767px) {
    .sliderwrap {
        height:100px
    }
}

@media(max-width: 400px) {
    .sliderwrap {
        height:180px
    }
}

.bxslider li img {
    margin: 10px auto;
    height: 55px !important
}

@media(max-width: 768px) {
    .bxslider li img {
        height:40px !important
    }
}

@media(max-width: 580px) {
    .bxslider li img {
        height:30px !important
    }

    .bxslider li {
        width: 160px !important
    }
}

@media(max-width: 490px) {
    .bxslider li img {
        height:25px !important
    }
}

.bx-wrapper .bx-viewport {
    -webkit-box-shadow: none !important;
    box-shadow: none !important:;
    height: 80px!important
}

.bx-wrapper {
    -webkit-box-shadow: none !important;
    box-shadow: none !important:
}

/******** Home page clients slider end ********/

/********** Home page partners card start ***********/
.card-logo {
    background-color: #fff;
    color: grey;
    height: 100%;
    box-shadow: 0 0 25px 1px #d2d2d2;
    text-align: center;
    margin-bottom: 20px;
    padding: 20px
}

.card-logo img {
    height: 53px;
    width: auto;
    margin: 8px auto
}

@media(max-width: 360px) {
    .card-logo img {
        height:48px
    }
}
/********** Home page partners card end ***********/

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e3edf8;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.animated-home-banner {
    -webkit-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s
}

.animated-home-banner:nth-child(2) {
    -webkit-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -moz-animation-delay: 2s
}

.animated-home-banner:nth-child(3) {
    -webkit-animation-delay: 2.5s;
    -ms-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s
}

@media(max-width: 991px) {
    li.search-button {
        top:6px;
        left: 0;
        position: absolute
    }
}

#advant-main .product-benefit-card img {
    box-shadow: none;
    border-radius: 0
}

.product-benefit-card .example-img {
    height: auto;
    max-height: 520px;
    max-width: 100%
}

@supports (-webkit-overflow-scrolling:touch) {
    .reg-container {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

#advant-main .product-benefit-card {
    margin-top: 65px;
    min-height: 468px;
    box-shadow: none
}

@media(max-width: 991px) {
    #advant-main .product-benefit-card {
        margin:50px 30px
    }
}

@media(max-width: 410px) {
    #advant-main .product-benefit-card {
        margin:10px 30px
    }
}

.product_list_banner .quote-text {
    font-style: italic;
    color: whitesmoke;
    font-size: 1.9em;
    font-weight: bold
}

.product_list_banner h2 {
    font-size: 1.5em;
    font-weight: normal;
    font-family: 'Orbitron',sans-serif
}

img.advant-page-logo {
    max-width: 160px;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    display: inline-block
}

.ap-works {
    margin-bottom: 30px
}

.ap-works img {
    //max-width: 150px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 480px) {
    .ap-works {
        margin-bottom:0
    }
}

.product-intro-row .advant-intro-icon {
    box-shadow: none;
    height: 240px;
    border-radius: 0
}

@media(max-width: 410px) {
    .product-intro-row .advant-intro-icon {
        height:auto
    }
}

#mobile-navbar-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(46,84,130,0.92);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(-100%,100%) scale(0,0);
    -moz-transform: translate(-100%,100%) scale(0,0);
    -o-transform: translate(-100%,100%) scale(0,0);
    -ms-transform: translate(-100%,100%) scale(0,0);
    transform: translate(-100%,100%) scale(0,0);
    opacity: 0;
    overflow: scroll
}

#mobile-navbar-wrapper .close {
    position: absolute;
    top: -60px;
    right: 0;
    color: #fff;
    background-color: transparent;
    border: none;
    opacity: 1;
    font-size: 40px
}

#mobile-navbar-wrapper.open {
    -webkit-transform: translate(0px,0px) scale(1,1);
    -moz-transform: translate(0px,0px) scale(1,1);
    -o-transform: translate(0px,0px) scale(1,1);
    -ms-transform: translate(0px,0px) scale(1,1);
    transform: translate(0px,0px) scale(1,1);
    opacity: 1;
    z-index: 100
}

.product-screen-image {
    max-height: 430px
}

.quote-text {
    font-size: 11px;
    font-style: italic;
    color: gray
}

#refer-a-friend-main path {
    fill: #fff!important;
    stroke: transparent!important
}

#refer-a-friend-main ul {
    list-style-type: initial
}

/******** product page bottom banner with CTA start ********/ 
.bottom_banner {
    background-color: #dee7e9
}

.bottom_banner h3 {
    color: #474747
}

.bottom_banner a.btn.home_banner_btn {
    background-color: #333
}

.bottom_banner img {
    max-height: 200px;
    display: inline-block
}

/******** product page bottom banner with CTA end ********/

/******** service page bottom banner with CTA start ********/
.section_banner .banner-form-card {
    background-color: rgba(255,255,255,0.86);
    height: 300px;
    padding: 20px;
    color: #333
}

@media(max-width: 768px) {
    .section_banner .banner-form-card {
        height:auto
    }

    .bottom_banner img {
        max-height: 120px
    }
}

.section_banner .banner-form-card img {
    border: 3px solid #426cb4;
    padding: 5px;
    border-radius: 50%;
    background-color: #426cb4;
    margin-top: -100px;
    color: #fff;
    display: inline-block;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    max-height: 130px
}

.section_banner.product-seido-section-banner .banner-form-card img {
    border: 3px solid #7e8284;
    background-color: #7e8284
}

@media(max-width: 768px) {
    .section_banner .banner-form-card .card-top-icon {
        margin-top:20px;
        font-size: 40px
    }
}

.section_banner .banner-form-card h3,.section_banner .banner-form-card h4 {
    color: #426cb4
}

.section_banner.product-seido-section-banner .banner-form-card h3,.section_banner .banner-form-card h4 {
    color: #333
}

.section_banner .banner-form-card h3:after {
    border-bottom: 2px solid #2c5482
}

.section_banner .banner-form-card .form-btn {
    background-color: #426cb4
}

.section_banner.product-seido-section-banner .banner-form-card .form-btn {
    background-color: #333
}

.section_banner .banner-form-card .banner-contact-a {
    color: #333;
    margin-left: 10px
}

.section_banner .overlay {
    background-color: rgba(51,51,51,0.9)
}

/******** service page bottom banner with CTA end ********/

.seido-product-card {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    color: #fff;
    border-radius: 30px;
    text-align: center;
    padding: 20px;
    margin-top: 30px
}

.seido-product-card.canvas-card {
    background-color: #7d287d;
    margin-top: 60%
}

.seido-product-card.highlighter-card {
    background-color: #fdc010
}

.seido-product-card.staple-card {
    background-color: #228340;
    margin-top: 60%
}

.seido-product-card.binder-card {
    background-color: #19b6f1;
    margin-top: -35%
}

@media(max-width: 768px) {
    .seido-product-card.canvas-card,.seido-product-card.highlighter-card,.seido-product-card.staple-card,.seido-product-card.binder-card {
        margin:20px
    }
}

.seido-product-top-image {
    padding: 20px;
    background-color: #fff;
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
    border-radius: 30px
}

.seido-product-top-image img {
    background-color: #fff;
    display: inline-block
}

#product-seido-main .seido-product-card-bottom-text h4 {
    color: #fff
}

.product-seido-section-banner a:hover {
    opacity: 1
}

#product-seido-main .about-us-card .about-us-card-front .about-us-card-avatar {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

#product-seido-main img {
    transition: 0.2s all ease-in-out
}

@media(max-width: 991px) {
    #product-seido-main img.seido-logo {
        max-height:70px;
        margin-top: 30px
    }
}

@media(max-width: 768px) {
    #product-seido-main img.seido-logo {
        max-height:50px
    }
}

#product-seido-main img:not(.seido-logo):hover {
    transform: scale(1.1)
}

.feedsy-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    background-color: #fff;
    color: #333;
    padding: 15px;
    margin-bottom: 20px;
    height: 415px
}

@media(max-width: 991px) {
    .feedsy-card {
        height:450px
    }
}

@media(max-width: 768px) {
    .feedsy-card {
        height:auto
    }
}

.feedsy-card img {
    max-height: 190px;
    width: 100%
}

@media(max-width: 1200px) {
    .feedsy-card img {
        height:150px
    }
}

@media(max-width: 991px) {
    .feedsy-card img {
        height:120px
    }
}

@media(max-width: 768px) {
    .feedsy-card img {
        height:auto;
        max-height: 300px
    }
}

.section_banner .feedsy-card p {
    margin: 10px 0
}

.section_banner .banner-form-card img.feedsy-section-img {
    border: none;
    background-color: transparent;
    box-shadow: none;
    max-height: 400px;
    position: absolute;
    right: -100px
}

@media(max-width: 991px) {
    .section_banner .banner-form-card img.feedsy-section-img {
        right:-130px
    }
}

@media(max-width: 768px) {
    .section_banner .banner-form-card img.feedsy-section-img {
        right:35%;
        max-height: 280px;
        bottom: -190px
    }
}

.feedsy-comparison-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    background-color: #fff;
    color: #333;
    padding: 15px;
    margin-bottom: 20px
}

.feedsy-comparison-card.middle-2 {
    background-color: #333;
    color: #fff;
    border-radius: 25px
}

.feedsy-comparison-card.middle-2 h4 {
    color: #fff
}

.feedsy-comparison-card.left-1 {
    font-style: italic;
    color: gray;
    font-size: 1em;
    height: 260px;
    margin-bottom: 40px
}

@media(max-width: 1200px) {
    .feedsy-comparison-card.left-1 {
        height:290px
    }
}

@media(max-width: 991px) {
    .feedsy-comparison-card.left-1 {
        height:365px
    }
}

@media(max-width: 768px) {
    .feedsy-comparison-card.left-1 {
        height:auto
    }
}

.feedsy-comparison-card.left-1 h4 {
    color: darkgray
}

.feedsy-comparison-card.left-1 p {
    font-size: 0.9em
}

.feedsy-comparison-card.right-1 {
}

.generate-advocavy-container img {
    margin-bottom: 20px
}

.generate-advocavy-container .col-sm-6 p {
}

#feedsy-main .section_banner {
    background-color: transparent;
    margin-top: 0
}

@media(max-width: 768px) {
    .arrow-img {
        display:none
    }
}

/******** Seido app page start ********/

.partner-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 30px;
    text-align: center;
    height: 380px;
    margin-bottom: 40px;
    position: relative
}

@media(max-width: 991px) {
    .partner-card {
        height:400px
    }
}

@media(max-width: 768px) {
    .partner-card {
        height:auto
    }
}

.partner-card h3 {
    font-size: 1.5em;
    color: #333
}

.partner-card img {
    max-height: 70px;
    margin-bottom: 30px;
    display: inline-block
}

.partner-card .blue_btn {
    position: absolute;
    bottom: 12px;
    left: 15px;
    right: 15px
}

/******** Seido app page end ********/

#banner span {
    margin: 0 0 0.5em 0;
    letter-spacing: 1px;
    font-size: 0.6em;
    text-transform: uppercase
}

@media(max-width: 768px) {
    #banner span {
        font-size:0.5em;
        line-height: 5px
    }

    #banner span.input-group-btn {
    }
}

#feedsy-main .section_banner .banner-form-card {
    background-color: rgba(51,51,51,0.88);
    height: 300px;
    padding: 20px;
    color: #fff
}

@media(max-width: 991px) {
    #feedsy-main .section_banner .banner-form-card {
        height:auto
    }
}

.snip1359 {
    font-family: 'Roboto',Arial,sans-serif;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    color: #ffffff;
    text-align: left;
    line-height: 1.4em;
    background-color: #1e1e1e;
    padding-top: 120px
}

.snip1359 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.snip1359 img {
    max-width: 100%;
    vertical-align: top;
    opacity: 0.85
}

.snip1359 figcaption {
    width: 100%;
    background-color: #141414;
    padding: 25px;
    position: relative
}

.snip1359 figcaption:before {
    position: absolute;
    content: '';
    bottom: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 0 0 400px;
    border-color: transparent transparent transparent #141414
}

.snip1359 .profile {
    border-radius: 50%;
    position: absolute;
    bottom: 100%;
    left: 25px;
    z-index: 1;
    max-width: 90px;
    opacity: 1;
    box-shadow: 0 0 15px rgba(0,0,0,0.3)
}

.snip1359 h3 {
    font-size: 1.3em;
    margin: 25px;
    font-weight: 300;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    color: #fff
}

.snip1359 h3 span {
    display: block;
    font-size: 0.65em;
    color: #2980b9
}

.snip1359 blockquote {
    margin: 0 0 10px;
    padding: 0 0 30px;
    letter-spacing: 1px;
    opacity: 0.8;
    font-weight: 300;
    border: none
}

.snip1359 blockquote:after {
    font-family: 'FontAwesome';
    content: "\201C";
    position: absolute;
    font-size: 180px;
    line-height: 1em;
    color: #212121;
    font-style: normal;
    content: "\201D";
    right: 20px;
    bottom: -105px
}

#curve {
    position: absolute;
    bottom: 0;
    width: 100%
}

#curve path {
    fill: #fff;
    stroke: #fff;
    stroke-width: 1px
}

#banner.new-banner .container {
    -ms-transform: translateY(-50%)
}

.new-banner .overlay {
    background: rgb(51,51,51);
    background: linear-gradient(90deg,rgb(30,58,97) 0,rgba(255,255,255,0.008841036414565795) 96%)
}

@media(max-width: 768px) {
    .new-banner .overlay {
        background:rgba(30,58,97,0.8)
    }
}

#banner.new-banner .banner_text h1 {
    text-transform: initial;
    font-family: 'Nunito Sans',sans-serif;
    font-weight: 800
}

#banner.new-banner .banner_text p {
    text-transform: initial;
    font-size: 1.5em;
    font-family: 'Questrial',sans-serif;
    letter-spacing: 1px
}

.new-banner .banner-new-btn {
    border-color: #da3f42;
    background-color: #da3f42
}

@media(max-width: 991px) {
    .new-banner .banner-new-btn {
        font-size:0.5em
    }
}

#umiwebchat-container path {
    stroke: #fff;
    stroke-width: 2px
}

.cardContainer {
    position: relative;
    width: 100%;
    height: 440px;
    min-width: 300px;
    min-height: 400px;
    margin: 4px;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@media(max-width: 991px) {
    .cardContainer {
        min-width:240px
    }
}

@media(max-width: 910px) {
    .cardContainer {
        min-width:220px
    }
}

.card-active {
    -webkit-transform: translateZ(0px) rotateY(180deg) !important;
    transform: translateZ(0px) rotateY(180deg) !important
}

.card-active:after {
    display: none
}

.home-card {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -moz-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-100px);
    transform: translateZ(-100px);
    transition: all 0.4s cubic-bezier(0.165,0.84,0.44,1);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.home-card:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0 14px 50px -4px rgba(0,0,0,0.15);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.165,0.84,0.44,1.4)
}

.home-card:hover {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px)
}

.home-card:hover:after {
    opacity: 1
}

.home-card .side {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: white
}

.home-card .front {
    z-index: 2
}

.home-card .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.home-card .info {
    padding: 16px
}

.front .img {
    background-color: #dadce2;
    background-position: center;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: 250px
}

.back {
    position: relative
}

.back h2 {
    margin-top: 6px;
    margin-bottom: 18px
}

.back .reviews {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer
}

.back .reviews p {
    color: #c4c4c4;
    font-weight: 300;
    margin: 1px 0 0 6px;
    transition: 0.3s ease-in-out
}

.back .reviews:hover p {
    color: #555
}

.back li {
    line-height: 22px;
    margin: 2px 0 6px 0
}

.back .btn {
    position: absolute;
    bottom: 16px;
    width: calc(100% - 32px);
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFC324;
    border: 1px solid #ffc324;
    border-radius: 5px;
    cursor: pointer;
    color: #fff
}

.back .btn:hover {
    background-color: #fff;
    color: #FFC324
}

.back .btn h4 {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out,-webkit-transform 0.3s ease-out
}

/************ Home page intro cards start **************/
.home-card-2 {
    position: relative;
    margin: 2rem auto;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    height: 630px;
    transition: 0.3s all ease-in-out
}

.home-card-2:hover {
    background-color: aliceblue
}

@media(max-width: 1200px) {
    .home-card-2 {
        height:670px
    }
}

@media(max-width: 991px) {
    .home-card-2 {
        text-align:center;
        height: auto
    }
}

.home-card-2:hover .btn.blue_btn.card__btn {
    background-color: #fff;
    color: #1f3b61
}

.card__title {
    margin: 0 auto 0.5em;
    color: #1f3b61;
    text-align: center;
    transition: 0.3s all ease-in-out;
    font-family: 'Nunito Sans',sans-serif;
    font-weight: 700
}

.card__img {
    display: block;
    width: 20em;
    max-width: 100%;
    margin: 1em auto;
    border-radius: 2px;
    max-height: 190px
}

.card__text {
    margin: 2em 5%;
    color: #646464
}

.card__btn {
    display: table;
    padding: .7em 4em;
    background: #2e5482;
    color: #fff;
    text-decoration: none;
    margin: 1em auto 0;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media(max-width: 991px) {
    .card__btn {
        position:relative;
        bottom: 0;
        left: 0;
        transform: none
    }
}

.card--5 {
    overflow: hidden
}

.card--5 .card__title {
    position: relative;
    z-index: 1
}

.card--5.active .card__img {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}
/************ Home page intro cards end **************/

#testimonial-main .section-title {
    color: #1e3a61;
    font-family: 'Nunito Sans',sans-serif
}

#testimonial-main .section-title h2 {
    font-size: 2em;
    font-weight: 800
}

@media(max-width: 768px) {
    #testimonial-main .section-title h2 {
        font-size:1.6em
    }
}

#testimonial-main .section-title i {
    font-size: 2.2em
}

#testimonial-main .section-title h2:after {
    content: "";
    display: block;
    height: 1px;
    width: 45px;
    margin: 1em auto;
    border-bottom: 2px solid #333
}

.section-title h2:after {
    content: "";
    display: block;
    height: 1px;
    width: 45px;
    margin: 1em auto;
    border-bottom: 2px solid #333
}

.testimonial-card-2 {
    background-color: rgba(255,255,255,0.9);
    height: 360px;
    padding: 20px;
    color: #333;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    margin: 60px 0;
    text-align: left;
    border-bottom: 5px solid #426cb4
}

.testimonial-card-2 h4 {
    color: #426cb4
}

.testimonial-card-2 .card-top-icon {
    font-size: 40px;
    border: 3px solid #426cb4;
    padding: 15px;
    border-radius: 50%;
    background-color: #426cb4;
    margin-top: -80px;
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.two-image-collapse img.first {
    position: relative;
    max-width: 300px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.two-image-collapse img.second {
    position: absolute;
    top: 50%;
    left: 35%;
    max-width: 300px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.two-image-collapse-2 img.first {
    position: absolute;
    top: 50%;
    left: 30%;
    max-width: 300px;
    border: 3px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.two-image-collapse-2 img.second {
    position: relative;
    max-width: 300px;
    border: 3px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

@media(max-width: 991px) {
    .two-image-collapse,.two-image-collapse-2 {
        margin-bottom:120px;
        text-align: center
    }
}

@media(max-width: 550px) {
    .two-image-collapse img.second {
        display:none
    }

    .two-image-collapse-2 img.first {
        display: none
    }

    .two-image-collapse,.two-image-collapse-2 {
        margin-bottom: 20px
    }

    .two-image-collapse img.first,.two-image-collapse-2 img.second {
        max-width: 270px
    }
}

/********************** Home page solutions circle card start *************/
.circle-img-div {
    height: 200px;
    width: 200px;
    text-align: center;
    margin: 5px auto;
    background-size: cover;
    border-radius: 50%;
    position: relative
}

.circle-img-div .img-overlay {
    background-color: rgba(51,51,51,0.66);
    border-radius: 50%;
    height: 175px;
    width: 175px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.circle-img-div .img-overlay h4 {
    color: #fff;
    /*display: table-cell;
    vertical-align: middle;*/
    font-family: 'Nunito Sans',sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    height: initial;
}
/********************** Home page solutions circle card end *************/

.btntoTop {
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 80px;
    left: 5px;
    border-radius: 2px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
    background-color: rgba(255,255,255,1) !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.btntoTop:before {
    content: "\f106";
    display: inline-block;
    vertical-align: middle;
    font: 30px 'FontAwesome';
    color: #da3f42
}

.btntoTop:hover {
    opacity: 0.6
}

a.top:hover {
    opacity: 1
}

/******** Home page testimonial start ********/

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    height: 100%
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,.carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .carousel-fade .carousel-inner > .item.prev,.carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .carousel-fade .carousel-inner > .item.next.left,.carousel-fade .carousel-inner > .item.prev.right,.carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.testimonial {
    text-align: center;
    color: #F2EFE8;
    margin: 80px 30px;
    padding: 30px 40px;
    border-radius: 30px;
    position: relative;
    z-index: 1
}

.testimonial:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #426cb4;
    border-radius: 30px;
    z-index: -1
}

.testimonial:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e3edf8;
    border-radius: 30px;
    transform: rotate(-7deg);
    z-index: -2
}

.testimonial .testimonial-content {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 30px;
    margin-bottom: 20px
}

.testimonial .testimonial-title a {
    display: inline-block;
    color: #FB8C00;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.testimonial .testimonial-title small {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize
}

/******** Home page testimonial end ********/


/******** Testimonial page start *******/
.snip1533 {
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    color: #9e9e9e;
    font-size: 16px;
    position: relative;
    text-align: center;
    width: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    border-top: 5px solid #da3f42;
    height: 350px;
    margin-bottom: 40px
}

.snip1533.facebook-card {
    height: 405px;
    border-top: 5px solid #426cb4
}

.snip1533 *,.snip1533 *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out
}

.snip1533 figcaption {
    padding: 40px
}

.snip1533 figcaption:before {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    color: #da3f42;
    content: "\f1a0";
    font-family: 'FontAwesome';
    font-size: 32px;
    font-style: normal;
    left: 50%;
    line-height: 60px;
    position: absolute;
    top: -30px;
    width: 60px
}

.snip1533.facebook-card figcaption:before {
    content: "\f09a";
    color: #426cb4
}

.snip1533 h3 {
    color: #426cb4;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin: 10px 0 5px;
    font-family: 'Questrial',sans-serif
}

.snip1533 h4 {
    font-weight: 400;
    margin: 0;
    opacity: 0.5
}

.snip1533 blockquote {
    font-style: italic;
    font-weight: 300;
    margin: 0 0 20px;
    border-left: none
}

.snip1533 i.fa-star {
    color: gold
}

.blue_btn.google-btn {
    background-color: #da3f42
}

.blue_btn.facebook-btn {
    background-color: #426cb4
}

@media(max-width: 1200px) {
    .snip1533.facebook-card {
        height:495px
    }
}

@media(max-width: 991px) {
    .snip1533.facebook-card,.snip1533,.testimonial-card-2 {
        height:auto
    }
}

/******** Testimonial page end *******/
.hvr-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-shrink:hover,.hvr-shrink:focus,.hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.flex-row {
    display: flex;
    justify-content: center
}

@media(max-width: 991px) {
    .flex-row {
        display:block
    }
}

.home-card-2-img {
    height: 220px;
    background-size: cover
}

@media(max-width: 991px) {
    .home-card-2-img {
        height:240px
    }
}

@media(max-width: 500px) {
    .home-card-2-img {
        height:200px
    }
}

.home-card-2-text {
    padding: 2em
}

img.footer-logo {
    display: inline-block;
    height: 16px
}

.testimonial_section .btn_wrapper {
    position: inherit;
    bottom: 20px;
    left: 0;
    right: 0
}

.footer-links {
    text-align: center
}

.footer-links>div {
    text-align: left;
    display: inline-block
}

@media(max-width: 991px) {
    .footer-links>div {
        text-align:center
    }
}

.home-card-2-text ul {
    list-style-type: initial
}

a.left-contact:hover {
    opacity: 1
}

.section-title h2 {
    font-size: 2em;
    font-weight: 800
}

.section-title h2:after {
    display: block;
    height: 1px;
    width: 45px;
    margin: 1em auto;
    border-bottom: 2px solid #333
}

.section-title i {
    font-size: 2.2em
}

.si-wrapper-top {
    transform: translate(-50%,-100%)
}

/******** seido and highlighter banner style start ********/
#banner.seido-banner ul,#banner.highlighter_banner ul,#banner.portal-banner ul {
    padding: 0
}

#banner.seido-banner li,#banner.highlighter_banner li,#banner.portal-banner li {
    padding-left: 1.3em;
    margin: 9px 0
}

@media(max-width: 991px) {
    #banner.seido-banner li,#banner.highlighter_banner li,#banner.portal-banner li {
        font-size:14px
    }
}

@media(max-width: 768px) {
    .section-title h2 {
        font-size:1.4em
    }
}

#banner.seido-banner li:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #db3e42
}

#banner.portal-banner li:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #ce4e4e
}

#banner.highlighter_banner li:before {
    content: "\f058";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    color: #fbb345
}

.video-btn .play-button {
    position: relative;
    top: 40%;
    transform: translateY(-40%);
    text-align: center;
}

.video-btn .fa {
    color: #333;
    font-size: 7em;
    transition: all 0.3s
}

@media(max-width: 768px) {
    .video-btn .fa {
        font-size:5em
    }
}

@media(max-width: 450px) {
    .video-btn .fa {
        font-size:4em
    }
}

a.seido-video-link:hover .video-btn .fa {
    transform: scale(1.3)
}

a.seido-video-link:hover {
    opacity: 1
}

/******** seido and highlighter banner style end ********/

/******** seido page style start ********/
#product-seido-main .section-text-container {
    height: 450px
}

@media(max-width: 991px) {
    #product-seido-main .section-text-container {
        height:auto!important
    }
}

.seido-bottom-row {
    background-color: whitesmoke
}

.section_banner .container {
    position: relative
}

.section_banner.seido-section-banner .banner-new-btn {
    background-color: #db3e42;
    border-radius: 40px
}

.seido-banner .banner-new-btn {
    background-color: #db3e42;
    border-radius: 40px
}

.portal-banner .banner-new-btn {
    background-color: #426cb4;
    border-radius: 40px
}

a.seido-image-link:hover {
    opacity: 1
}

#advisers-main .about-us-card-info-box .info h4 {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 30px
}

@media(max-width: 992px) and (min-width:767px) {
    #advisers-main .about-us-card-info-box .info h4 {
        display:inline-block;
        width: 100%;
        margin-top: 65px;
        padding-bottom: 10px;
        font-size: 25px
    }
}

@media(max-width: 767px) {
    #advisers-main .about-us-card-info-box .info h4 {
        display:inline-block;
        width: 100%;
        margin-top: 65px;
        padding-bottom: 10px;
        font-size: 30px
    }

    #advisers-main .about-us-card-info-box .info a {
        font-size: 15px;
        margin-bottom: 30px
    }
}

#advisers-main .about-us-card .about-us-card-front .about-us-card-info-box {
    background-color: #333
}

#advisers-main .btn.blue_btn.canvas-btn {
    background-color: #7d3d82
}

#advisers-main .btn.blue_btn.seido-btn {
    background-color: #db3e42
}

#advisers-main .btn.blue_btn.highlighter-btn {
    background-color: #fbb345
}

#advisers-main .section-title {
    color: #333
}

.adviser-banner .overlay,.licensees-banner .overlay {
    background-color: rgba(51,51,51,0.9)
}

img.product-middle-section-image {
    padding-top: 12%
}

@media(max-width: 991px) {
    img.product-middle-section-image {
        padding-top:0
    }
}

.btn.btn-seido {
    background-color: #db3e42;
    color: #fff
}

.btn.btn-portal {
    background-color: #ce4e4e;
    color: #fff
}

.lity-iframe-container {
    padding-top: 60%
}

@media(max-width: 767px) {
    .lity-iframe-container {
        padding-top:80%
    }
}

@media(max-width: 501px) {
    .btn.btn-seido {
        padding:0.7em 1em
    }
}

.card-logo.black-logo-background {
    background-color: #333
}

#banner span.help-block.message {
    display: table-row;
    margin-top: 5px;
    color: gold;
    font-size: 1em
}

.partners-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    background-color: rgba(255,255,255,0.95);
    padding: 15px;
    margin: 65px;
    text-align: center;
    position: relative
}

@media(max-width: 450px) {
    .partners-card {
        margin:65px 10px
    }
}

.partners-card ul.first-ul {
    list-style-type: decimal
}

.partners-card ul.second-ul {
    list-style-type: initial
}

.partners-section-row {
    text-align: center
}

.partners-section-row .fa {
    font-size: 80px;
    padding: 10px;
    margin: 10px;
    color: #1f3b61
}

.partners-card h3 {
    font-weight: bold
}

.partner-intro-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    background-color: rgba(255,255,255,0.95);
    text-align: center;
    margin-top: -80px
}

/******** seido page style end ********/

/******** partners landing main start ********/

#partners-landing-main .product-intro-row img {
    box-shadow: none;
    border-radius: 0;
    height: 90px;
    margin: 0
}

#partners-landing-main .product-intro-row {
    padding: 10px;
    margin-top: -120px
}

#partners-landing-main .product-intro-row h2 {
    font-size: 1.8em;
    font-family: 'Nunito Sans',sans-serif;
    color: #1e3a61;
    font-weight: 700
}

.partner-bottom-banner {
    position: relative
}

.partner-bottom-banner .overlay {
    background-color: rgba(51,51,51,0.8)
}

#banner.omnium-banner .container {
    top: 45%;
    padding-left: 0;
    padding-right: 0
}

.btntoTop.btnContact {
    bottom: 25px;
    background-color: #da3f42!important
}

.btntoTop.btnContact:before {
    content: "\f0e0";
    display: inline-block;
    vertical-align: middle;
    font: 30px 'FontAwesome';
    color: #fff
}

.btntoTop {
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 80px;
    left: 20px;
    border-radius: 2px;
    text-align: center;
    line-height: 52px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 4;
    background-color: rgba(255,255,255,1) !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.btntoTop:hover {
    opacity: 0.6
}

#partners-landing-main .btn.blue_btn {
    background-color: #da3f42
}

/******** partners landing main end ********/

/********* Home page middle section start *********/
.bottom_banner_container {
    height: 330px;
    background-attachment: fixed;
    background-color: #666;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 0;
    text-align: center;
    position: relative
}

.seido_banner {
    animation: seido_bounce 2s infinite;
    max-width: 80px
}

/********* Home page middle section end *********/

.button_in_carousel .btn.blue_btn {
    border-radius: 15px
}

#product-seido-main .three_steps_container img:hover {
    transform: scale(1)
}

/******** Seido page first cards section start ********/

.three_steps_container {
    box-shadow: 2px 2px 2px 2px rgba(136,136,136,0.3);
    max-width: 400px;
    margin: 0 auto 40px;
    transition: 0.2s all ease-in-out;
    background-color: #f5f5f5;
    min-height: 448px;
}

.three_steps_container:hover {
    transform: scale(1.05)
}

.white_box_num {
    position: relative
}

.white_box_num div {
    position: absolute;
    font-size: 25px;
    font-weight: 800;
    padding: 10px 25px;
    background-color: #ffffff;
    bottom: -30px
}

.steps_desc {
    /*background-color: whitesmoke;*/
    font-size: 16px;
    font-weight: 800;
    padding: 55px 15px
}

.top_image {
    width: 100%;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

/******** Seido page first cards section end ********/

#banner #seido-appointments span.help-block.message {
    display: block
}

/******** Seido page video section start ********/
.record_keeping_list {
    display: table;
    margin: 0 auto
}

.record_keeping_list li {
    font-size: 20px
}

.record_keeping_list i {
    color: #4bad4e;
    font-size: 20px;
    font-weight: 800;
    padding-right: 5px
}

.seido_test {
    max-width: 750px;
    display: table;
    margin: 0 auto;
    padding-top: 20px
}

#seido_test {
    padding-bottom: 7em
}

#secure_record {
    padding-bottom: 7em
}

#secure_record a {
    display: table;
    margin: auto
}

.free_button_seido_video {
    padding: 20px
}

/******** Seido page video section end ********/

/******** Highlighter page start ********/
.highlighter_section_two {
    background-color: white
}

#highlighter_first_spliter path,#highlighter_second_spliter path {
    fill: rgb(252,192,36)
}

.highlighter_section_two .col-md-6 {
    height: 430px
}

.highlighter_section_two .image_holder img {
    width: 430px;
    transition: 0.2s all ease-in-out;
    box-shadow: 0 0 25px 1px #d2d2d2
}

.highlighter_section_two img:hover,.highlighter_section_two img:hover ~.showcase_overlay .showcase_test {
    transform: scale(1.1);
    opacity: 1
}

.showcase_test {
    position: absolute;
    background-color: #fdc010;
    width: 200px;
    bottom: -3%;
    padding: 10px 20px;
    transition: 0.2s all ease-in-out;
    box-shadow: 8px 8px rgba(23,23,23,0.5)
}

.showcase_test p,.title_in_overlay {
    font-size: 12px;
    color: #333
}

.title_in_overlay {
    font-size: 16px;
    font-weight: 600
}

.image_holder.holder_one .showcase_test,.image_holder.holder_three .showcase_test {
    left: -3%;
    transform: rotate(-7deg)
}

.image_holder.holder_two .showcase_test,.image_holder.holder_four .showcase_test {
    right: -3%;
    transform: rotate(7deg)
}

.highLighter-image-link {
    display: inline-block;
    position: relative
}

a.highLighter-image-link {
    opacity: 1
}

.image_holder {
    margin: 0 auto;
    max-width: 450px;
    min-width: 250px
}

@media(max-width: 420px) {
    .highlighter_section_two .col-md-6 {
        height:350px
    }

    .image_holder.holder_one .showcase_test,.image_holder.holder_three .showcase_test {
        left: 0
    }

    .image_holder.holder_two .showcase_test,.image_holder.holder_four .showcase_test {
        right: 0
    }

    .showcase_test {
        width: 170px;
        padding: 10px 10px;
        box-shadow: 4px 4px rgba(23,23,23,0.5)
    }

    .showcase_test p {
        font-size: 11px
    }
}

.sliding_button a {
    color: #fcc024;
    padding: 12px 17px;
    font-weight: 600
}

.sliding_button {
    position: relative;
    height: 50px
}

.hidden_transform {
    position: absolute;
    height: 100%;
    width: 114.63px;
    left: 0;
    top: 0;
    background-color: #fcc024;
    transform: translateX(0px) translateY(0px) translateZ(0px) scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);
    transition: 0.5s all ease-in-out
}

.sliding_button a:nth-child(2) {
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 140px
}

.sliding_button a:nth-child(1) {
    position: absolute;
    z-index: 9999;
    top: 0
}

.sliding_button a:nth-child(1),.sliding_button a:nth-child(2) {
    background-color: transparent
}

.sliding_button a:nth-child(2):hover {
    color: white
}

.Slide_right {
    transform: translateX(134px);
    webkit-transform: translateX(134px)
}

.sliding_button a.Slide_right {
    color: white
}

.sliding_button a.sliding_active {
    color: white;
    font-weight: 600
}

.change_order_two .sliding_button a:nth-child(1) {
    right: 140px
}

.change_order_two .sliding_button a:nth-child(2) {
    right: 11px;
    left: unset
}

.change_order_two .hidden_transform {
    left: unset;
    right: 140px
}

.change_order_two .Slide_right {
    transform: translateX(134px);
    webkit-transform: translateX(134px)
}

@media(max-width: 991px) {
    .sliding_button {
        width:250px;
        margin: 0 auto
    }

    .highlighter_section_two .col-md-6 {
        height: auto;
        margin: 30px 0
    }

    .change_order_two .sliding_button a:nth-child(1) {
        right: 131px
    }

    .change_order_two .hidden_transform {
        right: 130px
    }

    .change_order_two .Slide_right {
        transform: translateX(125px);
        webkit-transform: translateX(125px)
    }
}

.sliding_button a:hover {
    opacity: 1
}

.feature_explanation_container {
    padding-top: 30%;
    padding-left: 20px;
    padding-right: 20px
}

.highlighter-section-three img {
    box-shadow: 0 0 25px 1px #d2d2d2
}

#product-highlighter-main H4 {
    color: #333
}

#highlighter_arrow path:nth-child(1) {
    stroke: #fcc024;
    stroke-width: 10px
}

#highlighter_arrow path:nth-child(2) {
    fill: #fcc024
}

#highlighter_arrow_down path:nth-child(1) {
    stroke: #fcc024;
    stroke-width: 5px
}

#highlighter_arrow_down path:nth-child(2) {
    fill: #fcc024
}

@media(max-width: 991px) {
    .highlighter-section-three img {
        margin:0 auto
    }

    .feature_explanation_container {
        max-width: 438px;
        margin: 0 auto;
        padding-top: 30px;
        padding-bottom: 30px
    }

    #highlighter_arrow,.arrow_logo img {
        display: none
    }
}

@media(max-width: 490px) {
    .sliding_button {
        margin:0
    }
}

#product-highlighter-main .btn.blue_btn {
    background-color: #fdc010
}

.arrow_logo {
    position: relative;
    padding: 20px 0
}

.arrow_logo img {
    box-shadow: none;
    max-width: 65px;
    border-radius: 50%;
    border: 10px white solid;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%)translateX(-50%)
}

@media(min-width: 992px) {
    #highlighter_arrow_down {
        display:none
    }

    .down_arrow div {
        display: none
    }
}

@media(max-width: 991px) {
    .arrow_logo {
        position:absolute
    }
}

@media (max-width: 991px) and (min-width:630px) {
    .feature_explanation_container {
        padding-right:5%
    }

    .down_arrow .down_arrow_right {
        height: 110px
    }
}

@media (max-width: 629px) and (min-width:500px) {
    .feature_explanation_container {
        padding-right:6%
    }
}

@media (max-width: 499px) and (min-width:375px) {
    .feature_explanation_container {
        padding-right:8%
    }
}

@media(max-width: 400px) {
    .down_arrow .down_arrow_right {
        height:130px
    }
}

.down_arrow {
    position: relative;
    text-align: justify
}

.down_arrow div {
    position: absolute;
    right: -10%;
    top: 50%;
    transform: translateY(-50%);
    height: 100px;
    min-width: 30px
}

/******** Highlighter page end ********/

/******** portal page start ********/
#product-portal-main .top_image .overlay img {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 72%
}

#product-portal-main .top_image .overlay {
    background-color: rgba(255,255,255,0.8)
}

#product-portal-main .white_box_num div {
    font-size: 16px
}

#product-portal-main .steps_desc {
    font-weight: normal;
    height: 200px;
    background-color: #333;
    color: #fff
}

#product-portal-main .section-title {
    color: #333
}

.hi-icon {
    display: inline-block;
    margin: 15px 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff
}

.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.2s,opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s,opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s,opacity 0.2s;
    transform: scale(.8);
    opacity: 0
}

.hi-icon-effect-1a .hi-icon:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.hi-icon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.hi-icon-effect-1 .hi-icon {
    background: rgb(51,51,51);
    -webkit-transition: background 0.2s,color 0.2s;
    -moz-transition: background 0.2s,color 0.2s;
    transition: background 0.2s,color 0.2s
}

.icon-board {
    text-align: center;
    padding: 30px;
    color: #333;
    border-radius: 10px;
    height: 325px;
    margin-bottom: 20px
}

@media(max-width: 1200px) {
    .icon-board {
        height:350px
    }
}

@media(max-width: 768px) {
    .icon-board {
        height:auto;
        padding: 0
    }
}

.icon-board i.fa {
    font-size: 3em;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    color: #ffffff;
    padding-top: 22%
}

.icon-board h4 {
    color: #333;
    font-size: 20px
}

@media(max-width: 600px) {
    .carousel-item__subtitle {
        display:none
    }

    .carousel-item__info {
        padding: 10px;
        width: 70%
    }

    .carousel-item__title {
        font-size: 25px
    }

    .carousel-item__image {
        width: 30%
    }
}

@media(max-width: 991px) and (min-width:768px) {
    #product-portal-main .steps_desc {
        height:280px
    }
}

.img-center {
    margin-left: auto;
    margin-right: auto
}

#banner.portal-banner li {
    text-transform: initial
}

/******** portal page end ********/
.news-content ul {
    list-style-type: circle
}

@media(max-width: 991px) {
    #banner.seido-banner .container,#banner.highlighter_banner .container {
        top:0;
        webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    #banner.seido-banner img.seido-logo,#banner.highlighter_banner img.highlighter-logo,#banner.portal-banner img.portal-logo {
        display: none
    }
}

@media(max-width: 991px) and (min-width:768px) {
    .seido-banner .container.banner-container,.highlighter_banner .container.banner-container {
        margin-top:12%
    }

    #banner.seido-banner h1,#banner.highlighter_banner h1 {
        font-size: 2em
    }

    #banner.seido-banner .banner-container,#banner,#banner.highlighter_banner .banner-container {
        display: block;
        text-align: left
    }

    .seido-banner .banner-video-container,.highlighter_banner .banner-video-container {
        margin-top: 10%
    }

    .seido-banner .banner-appointment-button,.highlighter_banner .banner-appointment-button {
        margin-top: 5%
    }

    .seido-banner .fa.fa-play-circle,.highlighter_banner .fa.fa-play-circle {
        font-size: 5em
    }
}

@media(max-width: 374px) {
    #banner.seido-banner .banner_text h2,.highlighter_banner #banner .banner_text h1 {
        font-size:1.3em
    }

    #banner.seido-banner li,#banner.highlighter_banner li,#banner.portal-banner li,#banner.seido-banner li a {
        font-size: 12px
    }
}

@media(max-width: 375px) {
    .product-banner.seido-banner .banner_text,.product-banner.highlighter_banner .banner_text {
        margin:15px 0
    }

    #banner.seido-banner .banner_text h2,#banner.highlighter_banner .banner_text h1 {
        font-size: 1.5em
    }
}

.xplan-service-main .service-card-top h4 {
    height: auto;
    padding: 0 25px
}

.xplan-service-main .service-card-top {
    height: 100%
}

#service-main.xplan-service-main .service-card-bottom {
    text-align: left;
    height: auto;
    padding: 20px 25px
}

.xplan-service-main .detail {
    position: relative
}

.xplan-service-main .service-section-card ul {
    list-style-type: disc
}

/******** Seido page image link start ********/
.seido-image-link .fa {
    position: absolute;
    color: #dd4c4e;
    left: 50%;
    top: 50%;
    font-size: 25px;
    transform: translate(-50%,-50%);
    background-color: rgba(97,92,92,0.2);
    padding: 10px;
    transition: all 0.2s ease-in-out;
    border-radius: 100%
}

.seido-image-link {
    position: relative
}

#product-seido-main img:not(.seido-logo):hover + .fa {
    transform: scale(1.1) translate(-50%,-50%) rotate(90deg)
}

/******** Seido page image link end ********/

.webdesign-banner .overlay {
    background-color: rgba(98,43,96,0.85)
}

.navbar-webdesign {
    background-color: #622b60
}

.webdesign-intro-row {
    padding: 20px;
    text-align: center;
    margin: 60px 0;
    margin-top: -170px;
    z-index: 2;
    position: relative;
    overflow: hidden
}

@media(max-width: 479px) {
    .webdesign-intro-row {
        padding:20px
    }

    #advant-main .webdesign-intro-row .btn.blue_btn {
        font-size: 10px
    }
}

.webdesign-intro-row img {
    display: inline;
    margin: 22px;
    padding: 5px;
    border-radius: 3%
}

@media(max-width: 991px) {
    .webdesign-intro-row img {
        margin:0
    }
}

#partners-landing-main .webdesign-intro-row img {
    box-shadow: none;
    border-radius: 0;
    height: 380px
}

.row.webdesign-intro-row p {
    margin-top: 10px
}

.webdesign-intro-row .advant-intro-icon {
    box-shadow: none;
    height: 240px;
    border-radius: 0
}

@media(max-width: 410px) {
    .webdesign-intro-row .advant-intro-icon {
        height:auto
    }
}

#partners-landing-main .webdesign-intro-row img {
    box-shadow: none;
    border-radius: 0;
    height: 90px;
    margin: 0
}

#partners-landing-main .webdesign-intro-row {
    padding: 10px;
    margin-top: -120px
}

#partners-landing-main .webdesign-intro-row h2 {
    font-size: 1.8em;
    font-family: 'Nunito Sans',sans-serif;
    color: #1e3a61;
    font-weight: 700
}

a.btn.webdesign_banner_btn {
    color: #fff;
    border: none;
    width: 100%;
    border-radius: 8px;
    background-color: #495463;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

a.btn.webdesign_banner_btn:hover,a.btn.webdesign_banner_btn:active,a.btn.webdesign_banner_btn:focus {
    opacity: 1;
    color: #1f3b61
}

.webdesign-doubleblock {
    position: relative;
    height: 400px
}

.webdesign-block-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-image: url(/App_Asset/Private/PhysicalFiles/b0b30b7b-808e-43ef-9b0e-eed1a9b5d629/smilling-face.jpg);
    background-size: cover
}

.webdesign-block-right {
    position: absolute;
    width: 50%;
    right: 0;
    background-color: #9370DB;
    height: 100%;
    top: 0
}

.webdesign-right-innerblock {
    width: 80%;
    margin: auto;
    background-color: #2a384a;
    transform: translateY(-50%);
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center
}

@media screen and (max-width: 767px) {
  .default_banner webdesign-banner {
    font-size: 1.25em;
  }
}

.blue-btn {
    background-color: #ffffff;
    color: #e3edf8;
    margin-bottom: 20px;
    padding: 1em 3em;
    border-radius: 8px;
    font-weight: 700
}

h3.webdesign {
    font-size: 2em;
    font-weight: 600;
    color: #622b60;
    text-align: center;
    font-family: 'Orbitron',sans-serif;
    font-family: 'Nunito Sans',sans-serif
}

h3.webdesign:after {
    content: "";
    display: block;
    height: 1px;
    width: 45px;
    margin: 1em auto;
    border-bottom: 2px solid #622b60;
    display: none
}

@media(max-width: 768px) {
    h3.webdesign {
        font-size:1.6em
    }
}

#product-canvas-main .testimonial:before {
    background-color: #622b60
}

#product-canvas-main .testimonial:after {
    background-color: #faf4fa
}

.faq-card {
    text-align: center;
    padding: 40px;
    position: relative;
    transition: 0.3s all ease-in-out;
    box-shadow: inset 0 0 0 700px rgba(240,248,255,0.95);
    background-size: cover
}

.faq-card:hover {
    box-shadow: inset 0 0 0 700px rgba(42,56,74,0.9);
    padding: 50px;
}

.faq-card.active {
    box-shadow: inset 0 0 0 700px rgba(42,56,74,0.9);
    padding: 50px;
}

.faq-card i {
    font-size: 50px;
    color: #00bcd4;
    transition: 0.3s all ease-in-out
}

.faq-card:hover i,.faq-card:hover h4 {
    color: #ffffff
}

.faq-card.active i,.faq-card.active h4 {
    color: #ffffff
}

.faq-card h4 {
    font-weight: 700
}

.faq-card .product-logo {
    position: absolute;
    left: 0;
    top: 0
}

.faq-tag-1,.faq-tag-2 {
    font-size: 30px
}

.faq-logo-card{
    text-align: center;
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.faq-logo-card:hover{
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.faq-logo-card-2{
    text-align: center;
    padding: 20px;
    margin-top: 30px;
}

.faq-logo-card img, .faq-logo-card-2 img{
    display:inline-block;
    max-height: 60px;
}

.faq-logo-card span, .faq-logo-card-2 span{
    color:#00bcd4;
}

.faq .tab-content a{
    color:#00bcd4;
}

.faq-panel{
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border: none;
    margin-top:60px;
}

.faq-panel .panel-heading{
    background-color: #28476c;
    color: #ffffff;
}

.faq-panel .panel-heading h4{
    color: #ffffff;
}

.faq-panel .panel-body p.view-all-link,.faq-panel .panel-body p.view-all-link a {
    color: #00bcd4;
    font-style: italic;
    float: right;
}

.faq-panel.faq-panel-color-1 .panel-heading{
    background-color: #1B263B;
}

.faq-panel.faq-panel-color-2 .panel-heading{
    background-color:#28476c;
}

.faq-panel.faq-panel-color-3 .panel-heading{
    background-color: #2B59C3;
}

.faq-panel.faq-panel-color-4 .panel-heading {
    background-color: #30BCED;
}

.faq-panel.faq-panel-color-5 .panel-heading {
    background-color: #00bcd4;
}

.faq-panel.faq-panel-color-6 .panel-heading {
    background-color: #BEE9E8;
}

.faq-panel .panel-body a:hover{
    text-decoration:underline;
}

.faq-logo-card-2 .fas{
    font-size: 50px;
    color: #00bcd4;
}

/************ Home page award slider start **************/
.award-slider{
    height: 180px !important;
}

.aslider li img{
    height: 151px !important;
}

.award-slider .bx-wrapper .bx-viewport{
    height: 180px !important;
}
/************ Home page award slider end **************/

.banner-award{
    position: absolute;
    right:40px;
    bottom: 0;
}

.banner-award img{
    max-height: 300px;
}

@media(max-width: 400px) {
    .banner-award {
        right: 20px;
        bottom: -20px;
    }
    .banner-award img {
        max-height: 100px
    }
}

.highlighter-terms{
    font-weight: 400;
    font-size: 12px;
    text-decoration:underline;
}

.highlighter-terms:focus{
    color:#fff !important;
}

/******** contact us card start ********/
.contact-card {
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}
/******** contact us card end ********/
.about-us-card {
    height: 400px;
    margin: 12px auto;
    position: relative;
    z-index: 1;
    perspective: 600px
}

.about-us-card .about-us-card-front {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.about-us-card .about-us-card-front {
    transform: rotateY(0deg);
    overflow: hidden;
    z-index: 1
}

.about-us-card .about-us-card-front #arrow {
    position: absolute;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    z-index: 10;
    bottom: 0;
    right: 50px;
    color: rgba(255,255,255,0.5);
    animation: arrowWiggle 1s ease-in-out infinite
}

.about-us-card .about-us-card-front .about-us-card-top-pic {
    height: 50%;
    width: 100%;
    background-size: cover
}

.about-us-card .about-us-card-front .about-us-card-avatar {
    width: 114px;
    height: 114px;
    top: 50%;
    left: 50%;
    margin: -77px 0 0 -57px;
    border-radius: 100%;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.8),0 4px 5px rgba(107,5,0,0.6),0 0 50px 50px rgba(255,255,255,0.25);
    background-size: contain;
    position: absolute;
    z-index: 1
}

.about-us-card .about-us-card-front .about-us-card-info-box {
    height: 50%;
    width: 100%;
    position: absolute;
    display: table;
    left: 0;
    bottom: 0;
    background: #e3edf8;
    padding: 20px
}

@media(max-width: 991px) {
    .about-us-card .about-us-card-front .about-us-card-info-box {
        height:65%
    }
}

@media(max-width: 768px) {
    .about-us-card .about-us-card-front .about-us-card-info-box {
        height:50%
    }
}

#product-seido-main .about-us-card .about-us-card-front .about-us-card-info-box {
    background: #fff
}

.about-us-card .info {
    display: table-row;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    padding-left: auto;
    padding-right: auto;
    padding: 10px
}

.TC-header p {
    font-weight: bold;
    text-decoration: underline;
    padding-top: 40px;
    font-size: 20px;
}



/*****  Seido Help *****/


#banner .seido-help-text h1, .seido-help-text p, .sub-title h2, .sub-title h3, .seido-help-content ul li a, .seidoHelp-bottom, .video-list {
    font-family: 'Spartan', sans-serif !important;
}

.seido-help:before {
    position: absolute;
    content: "";
    display: block;
    background-color: #295688;
    width: 100%;
    height: 30vh;
}

#banner.seido-help {
    background-color: #fff !important;
    margin-bottom: 40px;
    overflow: hidden;
    max-height: 600px;
}

.seido-help-banner-inner {
    transition: all 1s ease;
    transform-origin: top;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 18vh;
}

.seido-help-banner img{
    width: 100%;
    max-height: 70vh;
    object-fit: cover;
    object-position: center;
}

.seido-help-container {
    position: absolute !important;
    top: 65% !important;
    width: 40%;
    margin-left: 3% !important;
    transform: translateY(-65%);
}

.bg-text {
    font-family: 'Raleway', sans-serif !important;
    font-size: 6vw;
    color: #da3f42;
    font-weight: 800;
}

.seido-help-text h1 {
    font-size: 2.5em !important;
    line-height: 1.2em!important;
    margin: 0 0 0.2em 0!important;
    font-weight: 500 !important;
    color: #000;
}

.seido-help-text h1:after {
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    background: #000;
    transform: rotate(27deg);
}

.seido-help-text p {
    letter-spacing: 0 !important;
    font-size: .9em !important;
    font-weight: 300 !important;
    color: #000;
}

.sub-title {
    margin-bottom: 15px;
    margin-top: 20px;
}

.sub-title h3 {
    font-size: 2.8em !important;
    font-weight: 300;
    color: #000;
    text-align: left;
    margin-top: 0;
}

.seido-help-video h2, .seido-help-video h3 {
    color: #fff !important;
}

.seido-help-video a {
    color: #6fb7f5 !important;
}

.section-title-border {
    text-align: left;
    font-weight: 700 !important;
    font-size: 1.6em !important;
}

.seido-help-operation .section-title-border:after, .seido-help-app .section-title-border:after {
    content: "";
    display: block;
    width: 2px ;
    height: 10px;
    background: #000;
    transform: rotate(27deg);
    margin: 0;
}

.seido-help-video .section-title-border:after {
    content: "";
    display: block;
    width: 2px ;
    height: 10px;
    background: #fff;
    transform: rotate(27deg);
    margin: 0;
}

.sub-title {
    top: 0;
    width: calc(90% / 2 - 10px);
    float: left;
    text-align: left;
}

.sub-title h5, .sub-title p{
    font-size: 14px;
    color: #999;
    font-weight: 300;
}

.seido-help-content {
    margin-bottom: 40px;
}

.seido-help-content .container {
    display: flex;
    align-items: center;
}

.seido-help-content .table-responsive, .seido-help-content .seido-text{
    float: left;
    margin: 50px 30px;
}

.seido-help-content a, .seidoHelp-form-card a {
    color: #337ab7;
}

.seido-help-content li {
    font-size: 18px;
    margin: 10px 0;
}

.seido-help-operation:before {
    position: absolute;
    left: -44.4vw;
    width: 60%;
    height: 70%;
    background-color: #000;
    transform: skewX(-20deg);
    z-index: -1;
}

.seido-help-operation ul li:before, .seido-help-app ul li:before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-weight: 900;
    color: #db3e42;
    margin-right: 10px;
    font-size: 14px;
}

.seido-help-video {
    background-color: #000;
    padding: 20px 0;
}

.seidoHelp-bottom {
    background-color: #f3f3f3;
    margin-top: 50px;
}

.seidoHelp-form-card {
    width: 70%;
    padding: 50px 30px;
    margin: auto;
    text-align: center;
}

.seidoHelp-form-card h2 {
    margin-bottom: 20px;
}

.seidoHelp-form-card h2:after {
    content: "";
    display: block;
    width: 2px ;
    height: 10px;
    background: #000;
    transform: rotate(27deg);
    margin: 10px auto;
}

.seidoHelp-form-card p {
    line-height: 2;
    margin: 40px 0;
}

.seidoHelp-btn {
    margin-top: 30px;
    font-weight: 500;
    padding: 1.2em 5em;
    background: #fff;
    color: #000 !important;
    border: 1px solid #000;
}

.seidoHelp-btn:hover {
    color: #fff !important;
    background-color: #000;
    border: none;
    opacity: 1;
}


/* Video Cast*/

.video-list {
    margin: 50px 30px;
}

.p-card__img-wrapper, .p-card__inner > p, .p-card__inner > .row {
    display: none;
}

h2.p-card__heading {
    font-size: 16px;
    font-weight: 300;
    color: #6fb7f5 !important;
    margin-left: 40px;
    transition: 1s all ease-in-out;
}

h2.p-card__heading:hover {
    opacity: .7;
}

.p-card__heading:before {
    content: "\f144";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-weight: 900;
    color: rgb(255, 204, 18);
    margin-right: 10px;
    font-size: 14px;
}

.cast-show-list {
    color: #fff;
}

@media(max-width: 991px) {
    .seido-help:before {
        background: transparent;
    }
    
    .seido-help-banner-inner {
        width: 80%;
        left: 20%;
        top: 0;
        height: 100%;
    }
    
    .seido-help-banner img {
        height: 65vh !important;
    }
    
    .seido-help-container {
        width: 80%;
        top: 80%;
        margin-left: 0;
        padding: 0;
    }
    
    .seido-help-text {
        background: #000;
        text-align: left;
        padding: 30px;
    }
    
    .bg-text {
        color: #db3e41;
    }
    
    .seido-help-text h1, .seido-help-text p {
        color: #fff;
    }
    
    .seido-help-text h1:after {
        background: #fff;
    }
    
    .seido-help-content .container {
        display: block;
    }
    
    .sub-title {
        border: none;
        width: 100%;
        margin: 0;
        padding: 5%;
    }
    
    .section-title-border, .seido-help-operation .section-title-border:after, .seido-help-app .section-title-border:after, .seido-help-video .section-title-border:after, .sub-title h3 {
        text-align: center;
        margin: 10px auto;
    }
    
    .sub-title h3 {
        font-size: 2.6em !important;
        text-align: center;
    }   
    
    .seido-help-content .table-responsive, .seido-help-content .seido-text {
        border: none;
        margin: 10px auto;
    }
    
    .seidoHelp-form-card {
        width: 100%;
    }
}

@media(min-width: 1200px) {
    .seido-help-banner {
        max-width: 1170px;
        margin: auto;
    }
    
    .seido-help-banner-inner {
        width: 16%;
        min-width: 460px;
        max-width: 600px;
        left: 48%;
        top: 65%;
        transform: translateY(-50%);
    }
    
    .seido-help-container {
        max-width: 600px;
        margin-left: 0 !important;
    }
    
    .bg-text {
        font-size: 3vw;
    }
}
#training .title{
    font-weight: 900;
    font-size: 31px;
}
#training p{
font-size: 19px;
text-align: center;
}
#training{
    padding-top: 15px;
}
@media(max-width: 425px) {

            #banner.dynamicsoa-banner {
            height: 100% !important;
}
}


/*ROAR Msg*/

.ROAR-msg {
    width: 100%;
    padding: 20px;
    background: #002134;
}

@media(max-width: 990px) {
    .ROAR-msg {
        position: fixed;
        height: 100px;
        top: 0;
        z-index: 9;
    }
}

.msg-content {
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.msg-content a{
    color: #FF9534;
    transform: .3s ease;
}

.msg-content a:hover {
    font-weight: bold;
    text-decoration: underline;
    opacity: 1;
}