body{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #122826;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0 10px;
}
section.our-banner:before {
    background: #00000000;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
}
h5.sub-heading {
    margin-bottom: 9px;
    margin-top: 13px;
    color: #ebae21;
}
.row {
    margin: 0 -10px;
}
a:hover, a:focus, button:hover, button:focus{
    outline: none;
}
section {
    padding: 30px 0;
    clear: both;
    position: relative;
    margin: 0 auto;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Poppins', sans-serif;
}
p {
    color: #122826;
    FONT-VARIANT: JIS83;
    FONT-VARIANT: JIS83;
    font-family: 'Poppins', sans-serif;
}

img{
    max-width: 100%;
}

header {
    padding: 20px 0;
    position: relative;
    z-index: 1;
}

header .row {
    align-items: center;
}

header ul li {
    display: inline-block;
    padding: 0;
    position: relative;
    z-index: 1;
    transition: .5s all;
    margin-right: 20px;
}

.nav-link {
    padding: 0;
}

header ul li a {
    color: #000000!important;
    font-weight: 500;
    transition: .5s all;
    font-size: 15px;
}

.btn {
    padding: 10px 30px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    transition: .5s all;
    border-radius: 50px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-item {
    color: #000000 !important;
    padding: 6px 15px 4px 15px;
    font-weight: 500;
    border-bottom: 1px solid #ffc41230;
    margin-bottom: 0px;
    letter-spacing: 0.5px;
    font-size: 12px;
    font-weight: 600;
    transition: .5s all;
}

.dropdown-menu{
    background-color: #ffffff;
    padding: 0;
    margin:0;
}

.dropdown-item.active, .dropdown-item:active {
    background: #3b3843;
}

.dropdown-item:focus, .dropdown-item:hover {background: #4c56c0;color: #ffffff !important;}


a{
    text-decoration: none !important;
}

input.required.error, textarea.required.error, select.required.error {    border-bottom: red 2px solid !important;  }

label.error {     display: none !important;}



a#back-top.show {
    display: inline-block;
    background-color: #cedffb;
    width: 46px;
    height: 46px;
    line-height: 45px;
    font-size: 22px;
    text-align: center;
    color: #000;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 50%;
}

a#back-top.show {
    cursor: pointer;
    background-color: #f8c600;
}
a#back-top.show {
    background-color: #1d1d1d;
}
a#back-top.show {
    opacity: 1;
    visibility: visible;
}

a#back-top.show i {
    position: relative;
    top: 0;
    color: #fff;
}


footer {
    padding: 60px 0;
    position: relative;
}

.copy p {
    margin-bottom: 0;
    color: white;
    font-size: 12px;
}

.copy {
    background: #221d2d;
    padding: 10px 0;
}



.copy ul {
    text-align: right;
}
.copy .row {
    align-items: center;
}

.copy ul li {
    display: inline-block;
    position: relative;
    padding: 0px 3px;
    font-size: 12px;

}

.copy ul li::before {content: "";height: 100%;width: 1px;position: absolute;right: -3px;top: 0;background: #6f6f6f;}

.copy ul li:last-child::before {
    display: none;
}

.copy ul li a {
    color: #000 !important;
}

header ul {
    text-align: right;
    position: relative;
}

header ul.btn-ul {
    text-align: right;
}

header ul.btn-ul li.me-btn a.btn {
    background: #4c56c0;
    color: #fff !important;
}

.our-banner{
    background: url("../images/banner.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 245px;
    padding-bottom: 120px;
    background-position: top;
    position: relative;
}
header .top-head {
    /* padding: 15px 0; */
}

header .top-head ul {
    text-align: right;
}

header .top-head ul li {
    padding: 0;
}

header .top-head ul li a span {
    color: #f8b92a;
}
.btn.btn-yellow {
    background: #f6b72a;
    border-color: #f6b72a;
    color: #221d2d !important;
}

.btn {
    font-size: 15px;
    padding: 11px 30px;
    border: 2px solid;
    font-weight: 600;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.btn::before {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
    width: 15px;
    height: 110%;
    position: absolute;
    content: "";
    left: -20px;
    top: -5%;
    transform: skewX(-30deg);
    opacity: .4;
    transition: .6s all;
    z-index: -1;
}

.btn:hover::before {
    left: 105%;
}

.btn-transparent:before {
    background: #51307c;
}

header .top-head ul li a {color: white;font-size: 15px;}
header ul li:last-child {
    margin-right: 0;
}

.our-banner h1 {
    color: white;
    font-size: 46px;
    font-weight: 700;
    text-shadow: 0 2px #2e263b;
    margin: 0 0 20px;
}

.our-banner h3 {
    font-size: 22px;
    color: white;
    font-weight: 600;
    margin: 0 0 20px;
}

.btn-black {
    background: #3e344f;
    color: white !important;
    border-color: #3e344f;
}

.btn-transparent {
    color: #4f435f;
    border-color: #4f435f;
}

.our-banner img.star {
    display: block;
    margin: 18px 0 26px;
}

.our-banner p {
    color: white;
    font-weight: 600;
    margin: 0;
    font-style: italic;
    position: relative;
    top: 35px;
    font-size: 17px;
}

footer{
    background: url("../images/footer-bg.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    padding: 60px 0;
}
footer h4 {
    font-size: 18px;
    color: white;
    margin-bottom: 30px;
    border-bottom: 1px solid #ff9a00;
    padding-bottom: 15px;
}

footer ul {}

footer ul li {
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
}
footer ul.email li a span{
    color: #ff9a00;
}
footer ul li a {
    font-size: 14px;
    color: white;
}
footer .form-group {
    position: relative;
}

footer .form-group i {
    color: #f6b72a;
    position: absolute;
    top: 12px;
    left: 8px;
    font-size: 16px;
}
footer p {
    color: white;
}

footer .form-control {
    font-size: 14px;
    padding-left: 32px;
    height: 41px;
}

footer ul.privacy {}

footer ul.privacy li {}

footer ul.privacy li a {
    font-weight: 500;
    text-decoration: underline !important;
}

footer h6 {
    font-size: 15px;
    color: #ff9a00;
    margin-top: 28px;
    font-weight: 600;
}

footer ul.social {}

footer ul.social li {
    display: inline-block;
}

footer ul.social li a {
    height: 40px;
    width: 40px;
    display: inline-block;
    border: 2px solid #F07E2B;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    border-radius: 50%;
    margin-right: 10px;
    transition: .5s all;
}

footer ul.social li a i {
    font-size: 16px;
    color: white;
    margin: 0;
    line-height: 33px;
    transition: .5s all;
}

footer ul.social li:hover a {
    background: #f07e2a;
}

footer ul.social li:hover a i {
    transform: rotate(360deg);
}

footer ul li i {
    font-size: 11px;
    color: #ec9106;
    position: relative;
    top: 0px;
    margin-right: 4px;
}
.ftr-logo img {
    filter: invert(1);
}
.ftr-logo {
    border-bottom: 2px solid #ff9a00;
    margin-bottom: 3px;
    padding: 40px 0;
    text-align: center;
}
footer textarea.form-control {
    height: 80px;
}
.book-cta{
    background: url("../images/cta.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    text-align: center;
}
h2.heading {
    font-size: 44px;
    font-weight: 700;
    line-height: 51px;
    margin: 0 0 20px;
}

h2.heading + h3 {
    font-size: 18px;
    font-weight: 500;
    color: #122826;
    line-height: 28px;
    margin-bottom: 30px;
}

.home-menu {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.our-banner .chat {
    /* background: #0d82a7; */
    color: #fff;
    border-color: #ffffff;
}

.our-idea h4 br {
    display: none;
}

.book-cta .btn-block .btn-transparent {
    color: #ff9a00;
    border-color: #ff9a00;
}

.btn-block a {
    margin-right: 10px;
}
.our-faqs {}

.our-faqs h2 {
    font-size: 200px;
    color: #ffcc82;
    opacity: 50%;
    letter-spacing: -16px;
}

.our-faqs h3 {
    font-size: 50px;
    font-weight: 700;
}

.our-faqs .heading {
    border-bottom: 2px dashed #d8d8d8;
    margin-bottom: 40px;
}

.heading {}

.our-faqs .heading .row {
    align-items: center;
}



#faq .card {
    margin-bottom: 20px;
    border: 0;
    border-bottom: 1px dashed #ddd;
    text-align: center;
}

#faq .card .card-header {
    border: 0;
    padding: 20px 0;
    border-bottom: 0 !important;
    background-color: white;
    text-align: ce;
}

#faq .card .card-header .btn-header-link {
    display: block;
    color: #222;
    padding: 0;
    border: none !important;
    background: white;
    border-radius: 0;
    font-size: 19px;
    text-align: center;
}

#faq .card .card-header .btn-header-link:after {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    background: #ff9a00;
    color: white;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
}

#faq .card .card-header .btn-header-link.collapsed {
    /* background: #A541BB; */
    /* color: #fff; */
}

#faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f068";
}

#faq .card .collapsing {
    line-height: 30px;
}

#faq .card .collapse {
    border: 0;
}

#faq .card .collapse.show {
    /* background: #FFE472; */
    /* line-height: 30px; */
    /* color: #222; */
}
.card-body p {
    margin: 0;
    font-size: 16px;
    text-align: left;
    width: 55%;
    margin: auto;
    text-align: center;
}

#faq .card .collapse.show {}

#faq .card .card-body {
    padding: 0 0 20px;
}
.btn.focus, .btn:focus {
    box-shadow: none !important;
}
.our-testimonial{
    background: url("../images/tes-bg.jpg") no-repeat;
    /* height: 735px; */
    width: 100%;
    background-size: cover;
    text-align: center;
    padding: 80px 0 50px;
}
h2.heading span {
    color: #ff9a00;
}

.our-testimonial .quote {margin-top: 20px;margin-bottom: 30px;}

.our-testimonial .owl-carousel {
    width: 80%;
    margin: auto;
    text-align: center;
}

.our-testimonial .owl-carousel p {
    font-size: 20px;
    font-style: italic;
    line-height: 32px;
    padding: 0 100px;
}
.our-testimonial .owl-carousel h4 {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    padding: 0 50px;
    margin-bottom: 50px;
}
.our-testimonial .owl-carousel h4:before{
    content: '';
    background: url("../images/tes-h4-before.png") no-repeat;
    height: 7px;
    width: 29px;
    position: absolute;
    left: 0;
    bottom: 8px;
}
.our-testimonial .owl-carousel h4:after{
    content: '';
    background: url("../images/tes-h4-after.png") no-repeat;
    height: 7px;
    width: 29px;
    position: absolute;
    right: 0;
    bottom: 8px;
}
header .logo {
    margin-top: -7px;
}
header .top-head ul li a.btn {
    font-size: 13px;
    padding: 8px 30px;
    position: relative;
    top: -4px;
}
.best-selling {}

.best-selling img {
    margin-left: -30px;
}

.best-selling .row {
    align-items: center;
}
.becoming {}

.becoming .box {
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    padding: 20px 10px;
}

.becoming .box img {
    margin: 0 0 10px;
}

.becoming .box h6 {
    font-weight: 600;
    margin: 0 0 5px;
}

.becoming .box p {
    margin: 0;
}
.best-selling h5 {
    font-size: 28px;
    font-weight: 700;
}

.best-selling h5 + p {
    font-weight: 600;
    position: relative;
    margin: 0 0 0;
}

.best-selling h5 + p:after {content: '';background: #f8b92a;height: 3px;width: 50px;position: absolute;right: 80px;bottom: 0;}
.specialized{
    background: url("../images/specialized.jpg") no-repeat;
    /* height: 1288px; */
    width: 100%;
    background-size: cover;
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}
.specialized {}

.specialized .text {
    padding: 0 20px;
    position: absolute;
    bottom: 10px;
    left: -7px;
}

.specialized .text h6 {
    color: white;
    font-weight: 700;
}

.specialized .text p {
    margin: 0;
    color: white;
}

.specialized figure img {
    width: 100%;
    transition: .5s;
}

.specialized figure {
    position: relative;
    transition: .5s;
}
.specialized figure figcaption {
    border: 2px solid #fac623;
    position: absolute;
    top: 0;
    height: 100%;
    padding: 30px 30px;
    text-align: center;
    opacity: 1;
    transition: .5s;
}

.specialized figure figcaption h5 {
    font-size: 27px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
    margin-top: 43px;
}

.specialized figure figcaption p {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.specialized figure figcaption:before {content: '';background: #fac623;position: absolute;top: -7px;height: 100%;width: 100%;left: -4px;transition: .5s all;}

.specialized figure:hover {}

.specialized figure:hover img {
    /* opacity: 0; */
}

.specialized figure:hover figcaption {
    /* opacity: 1; */
}

.specialized figure:hover figcaption:before {
    /* width: 100%; */
}
.specialized figure figcaption .text2 {
    transition: .5s linear;
    /* transition-delay: .5s; */
    position: relative;
    opacity: 1;
    transform: translateY(-30px);
}

.specialized figure:hover figcaption .text2 {
    /* transform: translateY(0); */
    opacity: 1;
    transition: .5s linear;
    transition-delay: .5s;
}
.specialized .container{}
.specialized .container:before{
    content: '';
    background: url("../images/specialized-container-before.png") no-repeat;
    height: 193px;
    width: 193px;
    position: absolute;
    bottom: 30px;
    left: 85px;
}
.specialized .heading {
    color: white;
    font-size: 40px;
    line-height: 38px;
    margin: 0 0 50px;
}

.specialized .heading span {
    color: white;
    display: block;
    font-size: 20px;
    font-weight: 400;
}

.specialized:before {content: '';background: #f8b92a;width: 260px;height: 80px;position: absolute;top: 151px;left: -120px;border-radius: 50px;}

.specialized:after {
    content: '';
    border: 2px solid #f8b92a;
    width: 260px;
    height: 80px;
    position: absolute;
    top: 60px;
    right: -75px;
    border-radius: 50px;
}
.our-idea {}

.our-idea h2 {
    font-size: 46px;
    font-weight: 700;
    line-height: 42px;
    margin: 0 0 18px;
}

.our-idea h2 span {
    font-size: 20px;
    color: #f6b929;
    display: block;
}

.our-idea p {
    line-height: 23px;
}

.our-idea h4 {
    font-size: 20px;
    font-weight: 600;
}
.our-idea img{
    margin-left: -20px;
}
.our-idea .row{
    align-items: center;
}
.our-idea ul {
    margin-bottom: 20px;
}

.our-idea ul li {
    font-size: 15px;
    margin: 0 0 5px;
    font-weight: 500;
    /* width: 49%; */
    /* display: inline-block; */
}

.our-idea ul li i {
    color: #f6b929;
    margin-right: 5px;
}
/* ---- .element-item ---- */

.element-item {
    color: #262524;
    margin-bottom: 0;
    width: calc(100% / 4 - 6px) !important;
    padding: 6px;
    height: 320px;
    overflow: hidden;
}
.element-item > * {
    margin: 0;
    padding: 0;
}
.element-item img {
    width: 100%;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    /* object-fit: cover; */
    height: 100%;
}
.element-item:hover img {
    transform: scale(1.09);
    -ms-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    background: #ffffff;
    border: none !important;
    color: #fff;
    z-index: 1;
    padding: 8px;
    position: relative;
}
.new-pf div#filters button {
    display: block;
    width: auto;
    outline: none;
    border: none;
    position: relative;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    position: relative;
    cursor: pointer;
    z-index: 1;
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 42px;
    width: 100%;
    text-align: left;
    padding: 0px 10px;
    border-radius: 50px;
}
.new-pf div#filters {
    text-align: center;
    margin-bottom: 24px;
}
.new-pf div#filters .button.is-checked::before {
    /* width: 100%; */
}
.hidden {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
button#showMore {
    background: #f8b92a;
    padding: 12px 35px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: 0 3px 5px #0000004f;
    margin: auto;
    margin-top: 20px;
    display: table;
    color: black;
    border: 0;
    border-radius: 33px;
}
.new-pf{
    background: url("../images/new-pf.jpg") no-repeat;
    background-size: cover;
    width: 100%;
}
.new-pf .heading {margin: 0 0 50px;/* font-size: 35px; *//* font-weight: 600; *//* line-height: 42px; */}

.new-pf .heading span {
    display: block;
    font-size: 22px;
    color: #70727d;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 11px;
}
.new-pf div#filters button:before {content: '';position: absolute;height: 8px;width: 8px;background: #f8b92a;left: -13px;top: 17px;border-radius: 50%;}
.gh-banner{
    background: url("../images/gh-banner.jpg") no-repeat;
    /* height: 599px; */
    width: 100%;
    background-size: cover;
}
.inner-banner {
    display: flex;
    align-items: center;
    /* height: auto !important; */
    height: 466px !important;
}

.inner-banner h1 {color: white;font-size: 44px;font-weight: 700;line-height: 44px;margin: 0 0 20px;}

.inner-banner h1 span {
    color: #f6b72a;
}

.inner-banner h4 {
    color: white;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 20px;
}

.inner-banner .btn-transparent {
    color: white;
    border-color: white;
}
.inner-banner .btn-transparent::before {
    background: #f6b729;
}

.inner-banner .btn-block {
    margin-bottom: 30px;
}

.inner-banner .row {
    align-items: center;
}
.gh-banner .ban-img {
    max-width: 90%;
    float: right;
}
.our-shelf{
    background: url("../images/our-shelf.jpg") no-repeat;
    width: 100%;
    background-size: cover;
}
.our-shelf h5{
    position: relative;
    color: #ffb400;
    font-size: 55px;
    font-weight: 600;
}
.our-shelf h5:before{
    content: '';
    background: url("../images/shelf-h5-before.png") no-repeat;
    height: 55px;
    width: 95px;
    position: absolute;
}
.our-shelf *{
    color: white;
}
.our-shelf h3 {
    color: white !important;
}

.our-shelf .col-md-6 {
    margin-bottom: 30px;
}
.our-shelf .row:first-child {
    align-items: center;
}
/*new style
*/

.owl-site-logo2 .item img {
    height: 68px !important;
}

.site-logos {
    padding: 20px 0;
    background: #fff9e5;
}

.site-logos h3 {
    color: #122826;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    text-align: left;
    padding-left: 40px;
}

.site-logos .row {
    align-items: center;
}
.info-book figure::before {content: "";background: #fff;opacity: 0.7;width: 100%;height: 100%;position: absolute;transition: .5s all;}

.info-book figure {
    position: relative;
    margin-bottom: 0;
}

.info-book figure img {
    width: 100%;
}

.info-book {
    position: relative;
    margin-bottom: 20px;
}



.text-book {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 38px;
}

.info-book:hover .text-book h4 {color: #fff;}

.text-book span {
    width: 50px;
    height: 50px;
    background: #f6b72a;
    border-radius: 50%;
    line-height: 48px;
    margin-bottom: 10px;
    transition: .5s all;
}

.text-book span i {
    color: #fff;
    font-size: 18px;
    transition: .5s all;
}

.text-book h4 {
    font-size: 22px;
    font-weight: 700;
    color: #2c2346;
    transition: .5s all;
}

.text-book h4 + p {
    color: #2c2346;
    font-size: 16px;
    font-weight: 500;
    transition: .5s all;
    margin-bottom: 0;
}

.info-book:hover .text-book h4 + p {
    color: #fff;
}

.info-book:hover .text-book span {
    background: #fff;
}

.info-book:hover .text-book span i {
    color: #f6b729;
}

.info-book:hover figure::before {
    background: #f6b72a;
    opacity: 0.8;
}

.info-market figure {
    position: relative;
    width: 100%;
    margin: auto;
    margin-bottom: 0;
    transition: .5s all;
    overflow: hidden;
}

.info-market figure img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    transition: .5s all;
    transform: scale(1.0);
}

.text-mark {
    padding: 50px  40px;
    text-align: center;
    background: #f2f2f2;
    transition: .5s all;
}

.text-mark h4 {
    font-size: 22px;
    font-weight: 700;
    color: #2c2346;
    margin-bottom: 8px;
    transition: .5s all;
}

.text-mark h4 + p {
    font-size: 16px;
    color: #2c2346;
    font-weight: 500;
    transition: .5s all;
    padding: 0 19px;
}

.info-market {
    position: relative;
    border: 1px solid #fff;
    transition: .5s all;
    margin-bottom: 20px;
}

.info-market:hover {
    border-color: #f8b92a;
}

.info-market:hover figure {
    /* width: 95%; */
    transition: .5s all;
}

.info-market:hover .text-mark {
    background: #f8b92a;
}

.info-market:hover .text-mark h4 {
    color: #fff;
}

.info-market:hover .text-mark h4 + p {
    color: #fff;
}
.info-market:hover figure img {
    /* height: 235px; */
    transition: .5s all;
    /* margin-top: 8px; */
    transform: scale(1.1);
}

.info-rev {
    padding: 30px 18px;
    background: #fff;
    min-height: 245px;
    transition: .5s all;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}

.info-rev img {
    margin-bottom: 8px;
    transition: .5s all;
}

.info-rev h4 {
    font-size: 20px;
    color: #2c2346;
    font-weight: 700;
    margin-bottom: 10px;
    transition: .5s all;
}

.info-rev h4 + p {
    color: #2c2346;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    transition: .5s all;
}

.info-rev:hover {background: rgb(254,211,56);background: linear-gradient(180deg, rgba(254,211,56,1) 0%, rgba(247,187,44,1) 100%);border-color: #000;}

.info-rev:hover img {
    filter: brightness(0);
}


.our-expert h5 {
    position: absolute;
    transform: rotate(-90deg);
    top: 45%;
    left: -140px;
}

.our-expert h5::before {content: "";position: absolute;width: 100%;height: 5px;background: #f8b92a;bottom: 0;}

.info-expert {
    padding: 40px 34px;
    background: #fff;
    border: 1px solid #c5c5c5;
    transition: .5s all;
    margin-bottom: 20px;
    box-shadow: 0 5px 15px #00000017;
    min-height: 253px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info-expert > span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #f6b72a;
    border-radius: 50%;
    display: block;
    text-align: center;
    margin-bottom: 12px;
    transition: .5s all;
    margin-right: auto;
}

.info-expert > span i {
    color: #fff;
    font-size: 16px;
    transition: .5s all;
}


.info-expert h4 {
    font-size: 20px;
    font-weight: 600;
    color: #122826;
}

.info-expert:hover {
    background: rgb(254,211,56);
    background: linear-gradient(180deg, rgba(254,211,56,1) 0%, rgba(247,187,44,1) 100%);
}

.info-expert:hover span {
    background: #000;
}


.text-net {background: red;padding: 0 60px;margin-left: 210px;min-height: 270px;display: flex;flex-direction: column;justify-content: center;}

.info-net > img {
    position: absolute;
    left: 0;
    top: 20px;
    border-radius: 3px;
}

.info-net {
    position: relative;
    margin-bottom: 30px;
    transition: .5s all;
}

.text-net img {
    position: absolute;
    top: 20px;
    right: 20px;
}

.text-net h4 {
    font-size: 22px;
    color: #122826;
    font-weight: 700;
    margin-bottom: 10px;
}

.text-net h4 + p {
    color: #122826;
    margin-bottom: 0;
}

.our-network [class*='col']:first-child .text-net {
    background: #bef7e7;
}

.our-network [class*='col']:last-child .text-net {
    background: #f2d1d6;
}

.our-network [class*='col']:nth-child(2) .text-net {
    background: #dff1ff;
}

.our-network [class*='col']:nth-child(3) .text-net {
    background: #e1ebf5;
}

.info-net:hover {
    transform: scale(1.02);
}


.our-network{
    background: url("../images/bg-net.png");
    max-width: 100%;
    width: 100%;
    background-size: 100%;
    height: 100%;

}


.our-global{
    background: url("../images/bg-global.png");
    max-width: 100%;
    width: 100%;
    background-size: cover;
    height: 100%;
}

.our-global .row{
    align-items: center;
}

.info-global h4 {
    font-size: 34px;
    font-weight: 700;
    color: #122826;
}

.info-global h4 + p {
    color: #122826;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 30px;
}

.our-global .nav-tabs {
    border: none;
    margin: 50px 0;
    justify-content: center;
}

.our-global .nav-tabs .nav-item {
    border: none;
    margin-bottom: 0;
    padding: 0 15px;
}

.our-global .nav-tabs .nav-item .nav-link {
    background: transparent;
    border: none;
    color: #787672;
    font-weight: 600;
    position: relative;
    width: 100%;
    padding: 0;
    transition: .5s all;
}

.our-global .nav-tabs .nav-item .nav-link.active,.our-global .nav-tabs .nav-item .nav-link:hover {
    color: #000;
}

.our-global .nav-tabs .nav-item .nav-link::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #f8b92a;
    bottom: 3px;
    left: 0;
    z-index: -1;
}

.our-global .info-text h3 {
    font-size: 44px;
    color: #122826;
    font-weight: 700;
    margin-bottom: 12px;
}

.our-global .info-text h3 + p {
    color: #122826;
    font-size: 16px;
    font-weight: 600;
    max-width: 85%;
    margin: auto;
    margin-bottom: 0;
}
.mark-banner, .pub-banner, .editing-banner, .genre-banner, .pricing-banner{
    background: url("../images/marketing-bg.jpg") no-repeat;
    height: 599px;
    width: 100%;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.mark-banner:after{
    content: '';
    background: url("../images/marketing-bg-after.png") no-repeat;
    height: 657px;
    width: 914px;
    position: absolute;
    right: -130px;
    top: 0;
    z-index: -1;
}
.our-market {
    padding-bottom: 30px;
}
.pub-banner{}
.pub-banner:after{
    content: '';
    background: url("../images/pub-banner-after.png") no-repeat;
    height: 491px;
    width: 828px;
    position: absolute;
    right: -130px;
    top: 50px;
}
.our-global .nav-tabs .nav-item .nav-link.active:before {
    z-index: 1;
}
.book-banner{
    background: url("../images/book-banner.jpg") no-repeat;
    height: 599px;
    width: 100%;
    background-size: cover;
    position: relative;
}
.our-network [class*='col']:nth-last-child(2) .text-net {
    background: #e1ebf5;
}

.text-net {
    background: #f5ede1;
}

.info-binding .text-net h4 > span {
    font-size: 16px;
    display: block;
    font-weight: 600;
    line-height: 22px;
}

.info-binding .text-net {
    padding: 0 20px 0 52px;
}

.info-text h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    color: #122826;
    margin-bottom: 20px;
    letter-spacing: 0;
}

.info-text h2 + p {
    font-size: 17px;
    color: #122826;
    font-weight: 600;
    line-height: 23px;

}

.info-text.text-center h2 + p {
    max-width: 75%;
    margin: auto;
}

.info-text {
    margin-bottom: 50px;
}

.info-size {
    display: flex;
    align-items: center;
    background: #ffebd9;
    padding: 10px;
    border: 1px solid #fff;
    min-height: 125px;
}

.book-size [class*='col-'] {
    padding: 0;
}

.book-size [class*='col-']:nth-child(even) .info-size {
    background: #ffe2d9;
}

.info-size .text-size {
    margin-left: 15px;
}

.info-size .text-size h4 {
    margin-bottom: 3px;
    font-size: 20px;
    font-weight: 600;
}

.info-size .text-size h4 + p {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

.book-size {
    background: #fff6e7;
}


.book-size::before {
    background: url("../images/line2.png");
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-size: 100%;
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}

.info-type p {
    margin-bottom: 0;
    font-size: 16px;
    color: #122826;
    line-height: 20px;
}

.info-type {
    margin: 30px 0;
    padding: 0 35px;
}

.info-type h4 {
    font-size: 26px;
    color: #122826;
    font-weight: 700;
}

.info-type img {
    margin-bottom: 16px;
}

.cover-book{
    background: url("../images/bg-cover.jpg") no-repeat;
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 100%;

}

.info-cover img {
    margin-bottom: 20px;
}

.info-cover h4 {
    font-size: 26px;
    color: #122826;
    font-weight: 700;
    margin-bottom: 15px;
}

.info-cover h4 + p {
    color: #122826;
    font-size: 16px;
    margin-bottom: 0;
}

.info-cover {
    padding: 0 35px;
}


.our-editor{
    background: url("../images/bg-editor.jpg") no-repeat;
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 100%;

}


.info-edit img {
    margin-bottom: 25px;
}

.info-edit h4 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 12px;
}

.info-edit h4 + p {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 0;
}

.our-editor h2 {
    color: #fff;
}


.info-content img {
    margin-bottom: 25px;
}

.info-content h4 {
    font-size: 22px;
    color: #122826;
    font-weight: 700;
    margin-bottom: 12px;
}

.info-content p {
    color: #122826;
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 22px;
}


.our-content h5 {
    margin-bottom: 0;
    color: #122826;
    font-weight: 700;
    font-size: 26px;
    position: relative;
    z-index: 1;
}

.our-content h2 {
    font-size: 40px;
    margin-bottom: 16px;
}

.our-content h5::before {
    position: absolute;
    content: "";
    background: url("../images/rec1.png") no-repeat;
    max-width: 322px;
    height: 52px;
    width: 100%;
    background-size: 100%;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.editing-banner:after{
    content: '';
    background: url(../images/editing-banner-after.png) no-repeat;
    height: 599px;
    width: 914px;
    position: absolute;
    right: -130px;
    top: 0;
}
.best-selling .rewriting {
    /* float: left; */
    /* width: 100%; */
    /* clear: both; */
    margin-top: 60px;
    margin-left: -15px;
}

.best-selling .rewriting li {
    display: inline-block;
    width: 31%;
    background: white;
    padding: 20px 40px;
    margin-bottom: 18px;
    margin-left: 15px;
}

.best-selling .rewriting li p {
    display: inline-block;
    margin: 0;
    width: 87%;
    /* float: right; */
    margin-left: 10px;
    font-size: 15px;
    font-weight: 500;
}

.best-selling .rewriting li p span {
    color: #694293;
    font-weight: 600;
}
.edt-selling{
    background: #f4f5f7;
}
.about-banner{
    background: url("../images/about-banner.jpg") no-repeat;
    height: 599px;
    width: 100%;
    background-size: cover;
}
header ul.menu {
    margin-top: 10px;
}
.our-journey img.jr-img {
    margin-top: 40px;
}
.about-expert{
    background: url("../images/about-expert.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    /* height: 687px; */
    background-position: 100% 100%;
    padding: 80px 0 50px;
}
.about-expert h2.heading + p {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 25px;
}

.about-expert h2.heading {
    margin: 0 0 15px;
}
.about-expert .info-expert {}

.about-expert .info-expert h4 strong {
    display: block;
    font-weight: 700;
    font-size: 40px;
}

.about-expert .info-expert h4 {
    font-size: 19px;
}
.our-journey.text-center {
    padding-bottom: 0;
}
.author-banner{
    background: url("../images/author-bg.jpg") no-repeat;
    height: 599px;
    width: 100%;
    background-position: 60% 100%;
    background-size: cover;
}
.our-author {}

.our-author figure {
    transition: .5s all;
    position: relative;
    border: 1px solid #f2f2f2;
    float: left;
    width: 100%;
}

.our-author figure img {
    width: 100%;
    margin-bottom: 10px;
    transition: .5s all;
}

.our-author figure h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    margin-top: 15px;
}

.our-author figure .btn-black {
    padding: 10px 20px;
    float: right;
}

.our-author figure figcaption {
    position: absolute;
    bottom: 0;
    transition: .5s all;
    padding: 25px;
    opacity: 0;
}

.our-author figure figcaption h4 {
    font-size: 20px;
    color: #f8b92a;
    text-transform: uppercase;
}

.our-author figure figcaption p {
    color: white;
    font-size: 15px;
}

.our-author figure figcaption ul {}

.our-author figure figcaption ul li {
    color: white;
    font-size: 15px;
    margin: 0 0 10px;
}

.our-author figure figcaption ul li span {
    color: #f8b92a;
    font-weight: 600;
}

.our-author figure figcaption ul li .btn {}

.our-author figure:before {
    content: '';
    background: #493a53;
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    opacity: .8;
    transition: .5s all;
    top: 0;
}

.our-author figure:hover:before {
    height: 100%;
    /* transition: .3s all; */
}

.our-author figure:hover figcaption {
    opacity: 1;
    transition-delay: .4s;
    bottom: 60px;
}
.our-author figure:hover .btm{
    height: 0;
    opacity: 0;
}
.our-author figure .btm{
    transition: .5s all;
    transition-delay: .3s;
    float: left;
    width: 100%;
    padding: 0 15px 15px 15px;
}
.our-author figure:hover img {
    margin: 0;
}
.our-author .row {
    margin-top: 80px;
}

.our-author .row .col-md-4 {
    margin-bottom: 30px;
}

.our-author .row .col-md-4:nth-child(2) {
    margin-top: -50px;
}

.our-author .row .col-md-4:nth-child(5) {
    margin-top: -50px;
}

.our-author .row .col-md-4:nth-child(8) {
    margin-top: -50px;
}
.contact-banner{
    background: url("../images/contact-banner.jpg") no-repeat;
    height: 599px;
    width: 100%;
    background-size: cover;
}
.our-contact {}

.our-contact h2.heading {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 15px;
}

.our-contact h2.heading + p {
    font-size: 19px;
    font-weight: 500;
    margin: 0 0 20px;
}

.our-contact h3 {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    padding-top: 30px;
}

.our-contact h3 a {
    display: block;
    font-size: 38px;
    color: #f8b92a;
    font-weight: 700;
    margin-top: 10px;
}

.our-contact h3:before {content: '';position: absolute;top: 0;left: 0;height: 5px;width: 80px;background: #f8b92a;}
.our-contact .form-control {
    margin-bottom: 15px;
    height: 48px;
    border-color: #eeeeee;
    font-size: 14px;
    color: #122826;
}
.our-contact .btn {
    float: right;
}

.our-contact textarea.form-control {
    resize: none;
    height: 100px;
}

.our-contact .row {
    align-items: center;
}
.genre-bg{
    position: relative;
}
.genre-banner:after{
    content: '';
    background: url("../images/genre-bg-after.png") no-repeat;
    height: 655px;
    width: 890px;
    position: absolute;
    right: -200px;
    bottom: -190px;
    background-size: 80%;
}
.our-journey h2.heading {
    line-height: 47px;
    margin: 0 0 35px;
}

.our-journey p {
    font-size: 16px;
    margin-bottom: 32px;
}

.our-journey p strong {
    display: block;
    font-size: 22px;
    margin-bottom: 5px;
}
.pb{
    padding-bottom: 30px !important;
}
.our-rate {
    padding: 0;
    float: left;
    width: 100%;
    clear: both;
}

.our-rate ul {}

.our-rate ul li {
    background: #d59c13;
    width: 33%;
    float: left;
    padding: 13px 13px;
    display: flex;
    align-items: center;
}

.our-rate ul li img {
    margin-right: 14px;
}

.our-rate ul li p {
    margin: 0;
    width: auto;
    float: right;
    color: white;
}

.our-rate ul li p strong {
    font-size: 19px;
    display: block;
}

.our-rate ul li:nth-child(2) {
    background: #eaa500;
}

.our-rate ul li:nth-child(3) {
    background: #feb400;
}
.pricing-banner{}
.pricing-banner:after{
    content: '';
    background: url("../images/pricing-bg-after.png") no-repeat;
    height: 718px;
    width: 914px;
    position: absolute;
    right: -260px;
    top: 0;
    background-size: 70%;
}
.pricing-tabing {}

.pricing-tabing .bdr {
    position: relative;
    margin-bottom: 40px;
}

.pricing-tabing .bdr h3 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
}

.pricing-tabing .bdr h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    float: right;
}

.pricing-tabing .bdr:after {
    border-bottom: 2px solid #f8b92a;
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
}

.pricing-tabing .nav-item {
    margin: 0;
    width: 46%;
    height: 160px;
    margin-bottom: 20px;
    margin-left: 15px;
}

.pricing-tabing .nav-tabs {
    border-bottom: 0;
}

.pricing-tabing .nav-item .nav-link {background: white;font-size: 17px;color: #122826;font-weight: 600;padding: 30px 20px;border: 0;border: 1px solid #f3f3f3;height: 100%;}
.pricing-tabing .nav-item .nav-link i {
    font-size: 18px;
    display: block;
    background: #f6b72a;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    color: white;
    margin-bottom: 16px;
}

.pricing-tabing .nav-item .nav-link.active {
    background: rgb(254,211,56);
    background: linear-gradient(
            180deg, rgba(254,211,56,1) 0%, rgba(247,188,44,1) 91%);
}

.pricing-tabing .nav-item .nav-link.active i {
    background: black;
}
.pricing-tabing h5 {}

.pricing-tabing h5 p {}

.pricing-tabing h5 p .row {}

.pricing-tabing a.btn {}

.pricing-tabing .tab-content {}

.pricing-tabing .tab-content h5 {
    font-size: 26px;
    font-weight: 600;
    color: #122726;
}

.pricing-tabing .tab-content p {line-height: 25px;font-weight: 500;font-size: 15px;}

.pricing-tabing .tab-content ul {}

.pricing-tabing .tab-content ul li {
    margin-bottom: 20px;
    font-size: 15px;
    display: flex;
    align-items: baseline;
    font-weight: 500;
}

.pricing-tabing .tab-content ul li i {
    color: #f6b72a;
    margin-right: 8px;
}

.pricing-tabing .tab-content .btn {
    margin-bottom: 20px;
    padding: 10px 50px;
    background: #fbc833;
    color: #000;
    border-color: #e7b722;
}
.pricing-tabing{
    background: url("../images/pricing-tab-bg.png") no-repeat;
    width: 100%;
    background-size: cover;
}
.popupform{
    background: url("../images/popop-bg.png")no-repeat;
    height: 463px;
    width: 747px;
    background-position: 100% 100%;
    padding: 20px;
}
.popupform h2 {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
}

.popupform .form-control {
    height: 39px;
    border: 1px solid #ceccd6;
    margin-bottom: 10px;
    font-size: 13px;
    color: #414141;
    font-weight: 500;
}

.popupform .fancybox-close-small {
    background: #ff0000;
    color: white;
    padding: 1px;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    top: 10px;
    right: 10px;
}
.popupform textarea.form-control {
    resize: none;
    height: 100px;
}
.home-menu header ul li a {
    color: white !important;
    position: relative;
    transition: .5s all;
}
.book-banner img {
    max-width: 70%;
    float: right;
}

.our-shelf p span {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}

.text {
    position: absolute;
    /* top: 224px; */
    left: 150px;
}

.text h4 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 1;
}

.text h4::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 5px;
    background: #483b57;
    width: 48%;
    height:5px;
    display: none;
}
.new-pf div#filters button.is-checked {
    background: #51307c;
    color: white;
    margin-left: -15px;
    padding-left: 28px;
}

.new-pf div#filters button.is-checked:before {
    /* display: none; */
    background: white;
    position: absolute;
    left: 7px;
}

.specialized figure:hover figcaption .btn-black {
    background: black;
}
.our-expert h2 + h4 {
    font-size: 19px;
    font-weight: 600;
}
.book-banner .btn-block + img {
    max-width: 100%;
    float: left;
}

.mark-selling h4 {
    position: relative;
    font-size: 23px;
    font-weight: 700;
    display: inline-block;
}

.mark-selling h4:before {
    content: '';
    background: #f6b72a;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
}
.home-menu header ul li a:after {
    content: '';
    background: #f6b72a;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto;
    transition: .5s all;
}

.home-menu header ul li a:hover:after {
    width: 100%;
}

.home-menu header ul li a:hover {
    color: #f6b72a !important;
}
.specialized figure figcaption h5 span {
    font-weight: 800;
    font-size: 47px;
    line-height: 41px;
}
figure.yel-cta {}

figure.yel-cta figcaption .text2 {
    transform: translateY(20px);
}
figure.yel-cta img {
    opacity: 0;
}


.best-selling .col-md-6 {
    position: relative;
}

.best-selling .col-md-6  .text { 
    position: absolute;
    top: 225px;
    left: 140px;
}

.best-selling .col-md-6 .text:after {
    content: "";
    position: absolute;
    right: 0;
    width: 100px;
    height: 5px;
    background: #3e344f;
    bottom: 20px;
}



.video_row {    padding: 80px 0;    }
.row.video_row {    margin-top: 3em;    margin-bottom: 4em;     }     
.rclient-item {    text-align: center;  }
.rclient-item  a.rc_play {    position: relative;    display: block;     overflow: hidden;  }
.rclient-item a.rc_play .play_btn {    position: absolute;    left: 0;    width: 64px;    height: 64px;    background: url(../images/aplay0.png) no-repeat scroll center top;    z-index: 1;    bottom: 30px;    right: 0;    margin: auto;    /* border-radius: 50%; */ }
.rclient-item a.rc_play .play_btn:before {    content: "";    position: absolute;    left: 0;    width: 64px;    height: 64px;    background: url(../images/aplay1.png) no-repeat scroll center top;    z-index: 1;    bottom: 0;    right: 0;    margin: auto; }
.rclient-item h3 {margin-top: 30px;font-size: 22px;clear: both;font-weight: 700;color: #000;margin: 13px 0 20px;}
.rclient-item p {    font-weight: 600;    color: #000;    padding: 0 20px;    font-size: 18px;    letter-spacing: 0;  }
.rclient-item:hover a.rc_play img {    transform: scale(1.1);    transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);  }
.rclient-item a.rc_play:hover .play_btn:before {	animation-name: spin;	animation-duration: 5000ms;	animation-iteration-count: infinite;	animation-timing-function: linear;   }
.rclient-item a.rc_play img {    transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);    transform: scale(1);   }

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}