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

html,
body {
    padding: 0;
    margin: 0;
    background: #fff;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden
}

html {
    scroll-behavior: smooth;
}

body a {
    outline: none;
    /*transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;*/
    text-decoration: none;
}

body a:hover {
    text-decoration: none;
}

body a:focus,
a:hover {
    text-decoration: none;
}

[type="button"],
input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
}

select,
input[type="email"],
input[type="text"],
input[type=password],
input[type="button"],
input[type="submit"],
textarea,
span {
    font-family: 'Montserrat', sans-serif;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    letter-spacing: 1px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
}

p {
    margin: 0;
    padding: 0;
    letter-spacing: 0px;
    font-family: 'Montserrat', sans-serif;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.relative {
    position: relative;
}

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

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

.form-check-input {
    margin-left: 0;
}

/*--//top--*/

.top-bar {
    background: #dbf7fa;
    padding: 10px 0;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 26px;
}

.top-right a {
    position: relative;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    margin: 0;
    color: #14afcc;
    border-right: 1px solid #14afcc;
    padding: 0px 15px;
}

.top-right a.last {
    border-right: 0px solid #14afcc;
    padding: 0px 0px 0 15px;
}

.top-right a span {
    position: absolute;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #000;
    top: -6px;
    right: 4px;
    font-size: 9px;
    color: #fff;
    line-height: 17px;
    text-align: center;
}

/*--//top--*/

/*--//logo--*/

.logo-area {
    margin: 0px;
    background: #fff;
    padding: 15px 0;
}

.logo {
    float: left;
    display: inline-block;
}

/*--//logo--*/

/*--//menu--*/

.main-menu-area {
    margin: 0px;
    padding: 0px;
    background: #14afcc;
}

/*--//menu--*/

/*--//banner--*/

.slides,
.slides>li {
    position: relative;
}

.flex-caption {
    width: 100%;
    padding: 0;
    left: 0;
    line-height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.flex-caption h2 {
    font-size: 50px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #fff;
}

.flex-caption h5 {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #fff;
}

.btn-banner {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    background: #122945;
    padding: 5px 40px;
    margin-top: 20px;
    color: #fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
}

.flex-control-paging li a {
    width: 50px;
    height: 10px;
    display: block;
    background: none;
    cursor: pointer;
    text-indent: -9999px;
    box-shadow: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #fff;
}

.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
    background: #14afcc;
    border: 1px solid #14afcc;
}

/*--//banner--*/

/*--//about--*/

.about {
    background: #fff url(../images/about_bg.png) center left no-repeat;
    padding: 85px 0;
}

.about h3.title {
    font-size: 38px;
    font-weight: 800;
    line-height: 38px;
}

.about h3.title span {
    font-size: 38px;
    display: block;
    color: #14afcc;
    margin: 10px 0 25px 0;
}

.about .description p {
    font-size: 22px;
    display: block;
    color: #000;
    margin-bottom: 30px
}

.about-wthree-grids {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    border: #ffb8e9 solid 0px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

.about-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    display: none;
    padding: 50px 0;
}

.about-hover div {
    display: block;
    margin: 30px auto;
    max-width: 150px;
}

.about-wthree-grids:hover .about-hover {
    display: block;
}

/*--//about--*/

/*--service--*/

.pbook {
    background: #fff url(../images/pbook_bg.png) center top no-repeat;
    padding: 60px 0 85px;
    background-size: 100%;
}

.pbook h3.title {
    font-size: 38px;
    font-weight: 800;
    line-height: 38px;
}

.pbook h3.title span {
    font-size: 38px;
    display: block;
    color: #14afcc;
    margin: 10px 0 25px 0;
}

.pbook .description p {
    font-size: 22px;
    display: block;
    color: #000;
    margin-bottom: 30px
}

.pbook-grid-wthree {
    background: #cae8ff;
    padding: 15px 50px 35px 50px;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

.pbook-grid-wthree h5 {
    font-size: 18px;
    color: #000;
    font-weight: 800;
    margin: 10px 0 25px 0;
    text-transform: uppercase;
    line-height: 26px;
}

.pbook-grid-wthree p {
    font-size: 16px;
    color: #000;
}

/***/

.gd-section {
    margin-top: 160px;
}

.gd-section h3 {
    margin: 20px 0 50px;
    padding: 0px;
    font-size: 28px;
    font-weight: 800;
    color: #14afcc;
    padding-bottom: 20px;
    border-bottom: 2px solid #c0c0c0;
    display: block;
}

.g-box {
    width: 100%;
    height: auto;
    position: relative;
    height: 450px;
}

.g-element {
    position: absolute;
    margin: 0px;
    padding: 0px;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    float: left;
    border-radius: 20px;
}

.g-element img {
    border-radius: 20px;
    width: 100%;
}

.w1 {
    width: 450px;
    top: 0;
    left: 0;
}

.w2 {
    width: 350px;
    top: 0;
    left: 470px;
}

.w3 {
    width: 240px;
    top: 0;
    left: 840px;
}

.w4 {
    width: 350px;
    top: 194px;
    left: 0px;
}

.w5 {
    width: 450px;
    top: 194px;
    left: 370px;
}

.g-element-inner {
    margin: 0px;
    padding: 0px 20px;
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 15px;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: 800;
}

.c1 {
    background: #000f36;
    top: auto;
    bottom: 20px;
}

.c2 {
    background: #f9d562;
}

.c3 {
    background: #749abe;
}

.c4 {
    background: #d55e1a;
    top: auto;
    bottom: 20px;
}

.c5 {
    background: #272324;
    top: auto;
    bottom: 20px;
}

/*--//service--*/

/*--Gallery--*/

.gallery {
    background: #e8e8e8;
    padding: 115px 0;
}

.gallery_inner {
    background: #fff;
    -webkit-box-shadow: -5px 5px 12px 0px rgba(0, 0, 0, 0.78);
    -moz-box-shadow: -5px 5px 12px 0px rgba(0, 0, 0, 0.78);
    box-shadow: -5px 5px 12px 0px rgba(0, 0, 0, 0.78);
    border-radius: 30px;
    padding: 45px 45px 60px 45px;
}

.s-left {
    margin: 0px 15px 0 0;
    padding: 0px;
    width: 70px;
    float: left;
}

.s-right {
    margin: 0px;
    padding: 0px;
    width: 90%;
}

.s-right p {
    font-size: 12px;
    color: #4d4d4d;
    margin: 0px;
    padding: 0px;
}

.s-right h6 {
    font-size: 13px;
    color: #000;
    margin: 5px 0 15px 0;
    padding: 0px;
    font-weight: 600;
}

.s-right .price {
    font-size: 12px;
    font-weight: 600;
    color: #14afcc;
}

.s-right .price .oldp {
    text-decoration: line-through;
    font-size: 10px;
    color: #595959;
    display: inline-block;
    margin-right: 15px;
    font-weight: 400;
}

.s-right .price .discount {
    display: inline-block;
    margin-left: 15px;
    padding: 4px 15px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: #ff0000;
}

.mb40 {
    margin-bottom: 40px;
}

.gallery_inner .flex-direction-nav a {
    top: auto;
    bottom: 20px;
    border-radius: 20px;
    background: #14afcc;
}

.gallery_inner .flex-direction-nav a:before {
    font-size: 22px;
    font-weight: normal;
    color: #fff;
    content: "\f104";
    font: 30px/36px FontAwesome;
}

.gallery_inner .flex-direction-nav a.flex-next:before {
    content: '\f105';
}

.gallery_inner .flex-direction-nav .flex-prev {
    right: 100px;
    left: auto;
    text-align: center;
    line-height: 40px;
}

.gallery_inner .flex-direction-nav .flex-next {
    right: 50px;
    text-align: right;
    text-align: center;
    line-height: 40px;
}

.gallery_inner .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    right: 100px;
    left: auto;
}

.gallery_inner .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 50px;
}

.flex-direction-nav .flex-disabled {
    opacity: .5 !important;
    filter: alpha(opacity=.5);
    cursor: default;
    z-index: 1;
}

/*--Gallery--*/

/*--team support--*/

.team-support {
    background: #fff url(../images/footertop_bg.png) center top no-repeat;
    padding: 0;
    margin: 0px;
    background-size: 100%;
}

/***/

.team {
    padding: 140px 0;
    margin: 0px;
    width: 100%;
}

.team h3.title {
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 40px;
    display: block;
}

.team-item {
    padding: 50px;
    background: #fff;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
    border: #3a3a3a solid 1px;
    border-radius: 20px;
    margin: 60px auto 40px auto;
    min-height: 300px;
    width: 80%;
    text-align: center;
}

.team-item .p-img {
    margin-top: -105px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.team-item p {
    font-size: 18px;
    font-weight: normal;
    color: #4d4d4;
    margin-top: 20px;
}

.team-item p span {
    font-size: 18px;
    font-weight: bold;
    color: #4d4d4;
    display: block;
    margin-top: 10px;
}

.carousel-team .flex-control-nav {
    bottom: -25px;
}

.carousel-team .flex-control-paging li a {
    border: 1px solid #595959;
}

.carousel-team .flex-control-paging li a:hover,
.carousel-team .flex-control-paging li a.flex-active {
    background: #595959;
    border: 1px solid #595959;
}

/***/

.support {
    padding: 80px 0 200px;
}

.support .text-r {
    padding-top: 100px;
}

.support h2 {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 300;
}

.support h2 strong {
    font-weight: 800;
}

.support p {
    font-size: 18px;
    font-weight: normal;
    color: #4d4d4;
    margin-bottom: 30px;
}

.support .btn {
    color: #000;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 500;
    border-radius: 12px;
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(45deg, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(0, 202, 216, 1)));
    background: -webkit-linear-gradient(45deg, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: linear-gradient(45deg, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00cad8', GradientType=1);
}

.support .btn:hover {
    background: #67d58f;
}

/*--team support--*/

/*--footer top--*/

.footer-top {
    background: url(../images/footer-top-bg.png) top left no-repeat;
    padding: 10px 0;
    background-size: 100%;
}

.footer-top h2 {
    font-size: 32px;
    font-weight: 300;
}

.footer-top h2 strong {
    font-weight: 800;
    display: block;
}

.form-wrapper-2 {
    width: 90%;
    padding: 5px;
    background: #fff;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    margin: 13px 0;
}

.form-wrapper-2 input {
    width: 100%;
    padding: 8px 200px 8px 20px;
    float: left;
    border: 0;
    background: #fff;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: inline-block;
}

.form-wrapper-2 input:focus {
    outline: 0;
    background: #fff;
}

.form-wrapper-2 button {
    overflow: visible;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 190px;
    border-radius: 20px;
    color: #002244;
    font-weight: 500;
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(45deg, rgba(0, 202, 216, 1) 0%, rgba(103, 213, 143, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 202, 216, 1)), color-stop(100%, rgba(103, 213, 143, 1)));
    background: -webkit-linear-gradient(45deg, rgba(0, 202, 216, 1) 0%, rgba(103, 213, 143, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 202, 216, 1) 0%, rgba(103, 213, 143, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 202, 216, 1) 0%, rgba(103, 213, 143, 1) 100%);
    background: linear-gradient(45deg, rgba(0, 202, 216, 1) 0%, rgba(103, 213, 143, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00cad8', GradientType=1);
}

.form-wrapper-2 button:hover {
    background: rgba(103, 213, 143, 1);
}

.form-wrapper-2 button:active,
.form-wrapper-2 button:focus {
    background: rgba(103, 213, 143, 1);
}

/*--footer top--*/

/*--footer--*/

.footer-style {
    padding: 100px 0 20px;
}

.footer-style .py-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footer-style h4 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
}

.footer-style ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.footer-style ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: block;
}

.footer-style ul li a {
    margin: 0px;
    padding: 6px 0;
    list-style: none;
    font-size: 12px;
    color: #000;
    display: block;
}

.footer-style ul li a:hover {
    color: #333;
}

.footer-style p {
    font-size: 12px;
    color: #000;
    line-height: 22px;
    margin-bottom: 15px;
}

.footer-style ul.social {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.footer-style ul.social li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}

.footer-style ul.social li a {
    margin: 0px;
    padding: 0 10px;
    list-style: none;
    font-size: 20px;
    color: #323232;
}

/***/

.copy {
    padding: 15px 0;
    margin: 0px;
    width: 100%;
    background: #eaeaea;
}

.copy p {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #000;
    letter-spacing: 2px;
}

.copy p a {
    color: #000;
}

/*--footer--*/

/*================================================================================================================================================*/

/*================================================================================================================================================*/

/*about*/

.about-banner {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: relative;
    max-height: 550px;
    overflow: hidden;
}

.inner_banner_overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.about-banner_text {
    width: 100%;
    padding: 0;
    left: 0;
    line-height: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.about-banner_text h2 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 15px;
    color: #fff;
}

.about-banner_text h2 span {
    font-weight: 800;
}

.about-banner_text h5 {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 25px;
    color: #fff;
}

/***/

.aboutus-s1 {
    background: #eaeaea;
    padding: 100px 0;
    text-align: center;
}

.aboutus-s1 h3.title {
    font-size: 38px;
    font-weight: 400;
}

.aboutus-s1 h3.title span {
    font-size: 38px;
    display: block;
    color: #14afcc;
    margin: 10px 0 25px 0;
    font-weight: 800;
}

.aboutus-s1 h3.title span.text-uppercase {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-weight: 800;
}

.aboutus-s1 .description p {
    font-size: 22px;
    display: block;
    color: #000;
    margin-bottom: 30px
}

.aboutus-s1 h1 {
    font-size: 60px;
    font-weight: 500;
    text-align: center;
}

.aboutus-s1 img {
    max-width: 500px;
}

.aboutus-s2 {
    background: #fff;
    padding: 0;
    position: relative;
}

.aboutus-s2 h3 {
    font-size: 28px;
    font-weight: 400;
}

.aboutus-s2 h3 strong {
    font-weight: 800;
    display: block;
}

.aboutus-s2 p {
    font-size: 16px;
    display: block;
    color: #000;
    margin-bottom: 30px;
    margin-top: 25px;
}

.welcome2 {
    position: absolute;
    width: 100%;
    height: 100%;
}

.mrt70 {
    margin-top: 70px;
}

.aboutus-s3 {
    background: #eaeaea;
    padding: 120px 0;
}

.aboutus-s3 .divbox {
    margin: 25px auto;
    padding: 0px;
    width: 80%;
}

.aboutus-s3 h5 {
    font-size: 20px;
    font-weight: 600;
}

.aboutus-s3 p {
    font-size: 16px;
    display: block;
    color: #000;
    margin-bottom: 30px;
    margin-top: 25px;
}

/*================================================================================================================================================*/

/*================================================================================================================================================*/

/*character-stage*/

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    margin-top: 30px;
    position: relative;
    z-index: 999;
}

#progressbar li {
    list-style-type: none;
    font-size: 13px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400;
    line-height: 45px;
}

#progressbar #step1:before {
    content: "1";
    color: #fff
}

#progressbar #step2:before {
    content: "2";
    color: #fff
}

#progressbar #step3:before {
    content: "3";
    color: #fff
}

#progressbar #step4:before {
    content: "4";
    color: #fff
}

#progressbar #step5:before {
    content: "5";
    color: #fff
}

#progressbar li:before {
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: block;
    font-size: 12px;
    background: #707070;
    border-radius: 50%;
    margin: auto;
    padding: 0px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 14px;
    z-index: -1
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#progressbar li:nth-child(5):after {
    left: -50%;
    z-index: -2;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(72, 195, 197, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#48c3c5', GradientType=1);
}

/***/

.character-stage {
    margin: 0px;
    padding: 0px;
    color: #fff;
    background: #fff;
}

.stage_div {
    overflow: auto;
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}

.stage_area {
    min-width: 1024px;
    width: 100%;
}

.stage-top {
    margin: 0px auto;
    padding: 15px 0;
    color: #000;
    width: 100%;
    max-width: 1350px;
    background: #e8e8e8;
    float: left;
}

.stage-top .div1 {
    margin: 0px;
    padding: 15px 15px;
    width: 30%;
    float: left;
}

.stage-top .div2 {
    margin: 0px;
    padding: 0 15px;
    width: 45%;
    float: left;
}

.stage-top .div3 {
    margin: 0px;
    padding: 15px 15px;
    width: 25%;
    float: left;
    text-align: right;
}

.stage-top h2 {
    color: #14afcc;
    font-weight: 600;
    font-size: 38px;
}

.stage-top label {
    font-size: 15px;
}

.stage-top .form-control {
    background: #cfd1d1;
    padding: 9px 10px;
    font-size: 15px;
}

.stage-top .btn1 {
    background: #112a46;
    padding: 10px 25px;
    margin: 0px 10px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.stage-top .btn1:hover {
    background: #184c87;
}

.stage-top .btn2 {
    background: #cfd1d1;
    padding: 10px 25px;
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.stage-top .btn2:hover {
    background: #9b9d9d;
}

.stage-body {
    display: table;
    width: 100%;
    max-width: 1350px;
    margin: 0px auto;
    padding: 0px;
}

.stage-body-left {
    display: table-cell;
    width: 210px;
    background: #112a46;
    padding: 40px 0;
    margin: 0px;
}

.stage-body-left ul li {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 13px 15px;
}

.stage-body-left ul li a {
    display: block;
    width: 70px;
    height: 70px;
}

.stage-body-left ul li a.one {
    background: url(../images/stage_left_01.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.two {
    background: url(../images/stage_left_02.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.three {
    background: url(../images/stage_left_03.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.four {
    background: url(../images/stage_left_04.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.five {
    background: url(../images/stage_left_05.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.six {
    background: url(../images/stage_left_06.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.seven {
    background: url(../images/stage_left_07.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.eight {
    background: url(../images/stage_left_08.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.nine {
    background: url(../images/stage_left_09.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.ten {
    background: url(../images/stage_left_10.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.eleven {
    background: url(../images/stage_left_11.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.twelve {
    background: url(../images/stage_left_12.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.thirteen {
    background: url(../images/stage_left_13.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.fourteen {
    background: url(../images/stage_left_14.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.fifteen {
    background: url(../images/stage_left_15.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a.sixteen {
    background: url(../images/stage_left_16.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul li a:hover {
    background-position: 0 0;
}

.stage-body-left ul li a.active {
    background-position: 0 0;
}

.stage-body-left ul.cover-design li {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 13px 15px;
}

.stage-body-left ul.cover-design li a {
    display: block;
    width: 70px;
    height: 70px;
}

.stage-body-left ul.cover-design li a.one {
    background: url(../images/cover_d_left_1.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a.two {
    background: url(../images/cover_d_left_2.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a.three {
    background: url(../images/cover_d_left_3.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a.four {
    background: url(../images/cover_d_left_4.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a.five {
    background: url(../images/cover_d_left_5.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a.six {
    background: url(../images/cover_d_left_6.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a.seven {
    background: url(../images/cover_d_left_7.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a.eight {
    background: url(../images/cover_d_left_8.png) no-repeat;
    background-position: -70px 0;
}

.stage-body-left ul.cover-design li a:hover {
    background-position: 0 0;
}

.stage-body-left ul.cover-design li a.active {
    background-position: 0 0;
}

.stage-body-left ul.books-design {
    margin: 0px;
    padding: 0px 15px 15px 15px;
    width: 100%;
    float: left;
}

.stage-body-left ul.books-design li {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 13px 15px;
    font-size: 30px;
    font-weight: bold;
    background: rgba(127, 142, 153, .35);
    border-radius: 10px;
    text-align: center;
}

.stage-body-left ul.books-design li:hover {
    background: #7f8e99;
}

.stage-body-left ul.books-design li a {
    color: #fff;
    height: auto;
    width: auto;
}

.stage-body-middle {
    display: table-cell;
    width: 535px;
    background: #7f8e99;
    padding: 40px 20px;
    margin: 0px;
    vertical-align: top;
}

.stage-body-middle .heading {
    background: #495760;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 38px;
    color: #14afcc;
    margin-bottom: 35px;
}

.stage-body-middle .body {
    /*overflow-y: auto; max-height: 800px; overflow-x: hidden;*/
}

.stage-body-middle .body .card {
    background: none;
    border: 0px solid rgba(0, 0, 0, .125);
    margin-bottom: 10px;
}

.stage-body-middle .body .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #495760;
    border-bottom: 0px solid #495760;
    border-radius: 10px;
}

.stage-body-middle .body .card-header .fa {
    float: right;
}

.stage-body-middle .body .card-body {
    background-color: #495760;
    margin: -10px 0 0 0;
    padding-top: 30px;
    border-radius: 0 0 10px 10px;
}

.stage-body-middle .body .card-body .color {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 5px 12px;
    background: #333;
    border-radius: 30px;
}

.stage-body-middle .body .card-body .color.c1 {
    background: #fe2712;
}

.stage-body-middle .body .card-body .color.c2 {
    background: #a7194b;
}

.stage-body-middle .body .card-body .color.c3 {
    background: #fb9902;
}

.stage-body-middle .body .card-body .color.c4 {
    background: #fabc02;
}

.stage-body-middle .body .card-body .color.c5 {
    background: #f3ff00;
}

.stage-body-middle .body .card-body .color.c6 {
    background: #d0ea2b;
}

.stage-body-middle .body .card-body .color.c7 {
    background: #8601af;
}

.stage-body-middle .body .card-body .color.c8 {
    background: #3d01a4;
}

.stage-body-middle .body .card-body .color.c9 {
    background: #0247fe;
}

.stage-body-middle .body .card-body .color.c10 {
    background: #66b032;
}

.stage-body-middle .body .card-body .face {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.stage-body-middle .body .card-body .face li {
    margin: 10px 5px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}

.stage-body-right {
    display: table-cell;
    width: 630px;
    background: #fff;
    padding: 40px 20px;
    vertical-align: top;
    text-align: center;
}

/***/

.stage-2 {}

.stage-2-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    display: none;
    padding: 50px 0;
}

.stage-2-hover div {
    display: block;
    max-width: 150px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.stage-2-hover div .btn {
    margin: 50px 0;
}

.stage-2:hover .stage-2-hover {
    display: block;
}

/*h3.stage_vtext {
    position: absolute;
    top: 30%;
    left: 25%;
    color: rgba(0, 0, 0, .2);
    font-size: 80px;
    transform-origin: 0 0;
    transform: rotate(90deg);
}

h3.stage_vtext.right {
    left: auto;
    right: -44%;
}
*/
/***/

.stage-3-theme {
    padding-bottom: 50px;
    padding-top: 50px;
}

.stage-3-theme h3 {
    font-size: 30px;
    color: #000;
    margin: 0 0 50px 0;
    padding: 0px;
}

.big-select .form-control {
    margin: 0 auto;
    background: #eaeaea;
    padding: 15px 25px;
    height: calc(60px + 2px) !important;
    font-size: 14px
}

.stage-3-theme .filter {
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 25px;
    width: 100%;
}

.stage-3-theme .filter h4 {
    font-size: 20px;
    color: #000;
    margin: 0;
    padding: 0px;
    letter-spacing: 1px;
}

.stage-3-theme .filter .form-control {
    max-width: 120px;
    margin-left: 20px;
    display: inline-block;
    font-size: 12px
}

.themes-stage-example {}

.themes-stage-example h6 {
    margin: 10px 0 10px 0;
    padding: 0px;
    font-size: 12px;
    color: #000;
    line-height: 20px;
}

.themes-stage-example h6 span {
    font-size: 10px;
}

.themes-stage-example p {
    font-size: 10px;
    display: block;
    color: #000;
    line-height: 18px;
}

.themes-stage-example img {
    width: 100%;
    max-width: auto;
}

.themes-stage-example .btn-outline-info {
    border-width: 2px;
    font-size: 12px;
    border-radius: 18px;
    margin-top: 10px;
    margin-bottom: 30px;
}

/*****/

.stage-body-middle .body .card-body .font-property {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.stage-body-middle .body .card-body .font-property li {
    margin: 10px 5px;
    padding: 0px;
    list-style: none;
    display: block;
    font-size: 22px;
    color: #aaaaaa;
}

.stage-body-middle .body .card-body .font-property li a {
    color: #aaaaaa;
}

.stage-body-middle .body .card-body .font-property li a:hover {
    color: #fff;
}

/****/

.book-edit-1 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.book-edit-1 h3 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 38px;
    font-weight: 800;
}

.book-edit-1 .card {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0;
    margin-bottom: 20px;
}

.book-edit-1 .card-header {
    background-color: #eaeaea;
    border-radius: 0px !important;
    border-bottom: 0;
    padding: 20px 30px;
}

.book-edit-1 .card-body {
    color: #000;
    background-color: #eaeaea;
    padding: 0px 30px 20px 30px;
    font-size: 16px;
}

.book-edit-1 .card-header h5.collapsed {
    font-size: 17px;
    color: #000;
    cursor: pointer;
    line-height: 26px;
    font-weight: 600;
}

.book-edit-1 .card-header h5.collapsed span,
.book-edit-1 .card-header h5.collapsed a {
    color: #00a029;
}

.book-edit-1 .card-header h5 .fa {
    font-size: 24px;
    float: right;
}

.book-edit-1 .card-header h5 {
    font-size: 17px;
    color: #000;
    cursor: pointer;
    line-height: 26px;
    font-weight: 600;
}

.book-edit-1 .card-header h5 span,
.book-edit-1 .card-header h5 a {
    color: #00a029;
}

.book-edit-1 .form-check-input {
    margin-top: .4rem;
}

.book-edit-1 .form-check {
    margin-bottom: 1rem;
}

/***/

.book-edit-2 {
    padding-left: 20px;
    padding-right: 20px;
}

.book-edit-2 .col-4 {
    margin-bottom: 30px;
}

.book-edit-2 .book-edit-2-hover-div {
    position: relative;
}

.book-edit-2-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    display: none;
    padding: 50px 0;
}

.book-edit-2-hover div {
    display: block;
    max-width: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.book-edit-2-hover div .btn {
    margin: 10px 0;
    font-size: 14px;
}

.book-edit-2 .book-edit-2-hover-div:hover .book-edit-2-hover {
    display: block;
}

/**/

.share_book {
    width: 50%;
}

.share_book h2 {
    font-size: 56px;
    padding: 50px 60px;
    line-height: 70px;
}

.share_book h2 span {
    color: #14afcc;
}

.share_book .form-group {
    padding: 00px 60px;
    width: 100%;
    display: block;
}

.share_book .form-control {
    padding: 25px;
    border-radius: 10px;
}

.share_book .btn-send {
    padding: 20px 50px;
    margin-top: 30px;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(72, 195, 197, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(72, 195, 197, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#48c3c5', GradientType=1);
}

.share_book .btn-send:hover {
    background: rgba(103, 213, 143, 1);
}

.preview {
    margin-bottom: 20px;
    text-align: left;
}

.btn-preview {
    padding: 8px 25px;
    font-size: 18px;
    color: #939292;
    font-weight: 600;
    background: #f8f9fa;
}

.btn-preview:hover {
    background: #EEEEEE;
}

/****/

/***faqs****/

.faqs-s1 {
    background: #eaeaea;
    padding: 100px 0 200px;
    text-align: center;
}

.rowfaq-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.rowfaq-5 h5 {
    color: #383838;
    font-size: 22px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    display: block;
    line-height: 30px;
    font-weight: 800;
}

.faqs-s2 {
    background: none;
    padding: 0;
    position: relative;
    margin: -100px 0 0 0;
}

.faq-box {
    padding: 40px 60px 60px 60px;
    margin: 0px auto;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.4);
}

.faq-box h3 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 38px;
    font-weight: 800;
}

.faq-box .card {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0;
    margin-bottom: 20px;
}

.faq-box .card-header {
    background-color: #eaeaea;
    border-radius: 0px !important;
    border-bottom: 0;
    padding: 20px 30px;
}

.faq-box .card-body {
    color: #000;
    background-color: #eaeaea;
    padding: 0px 30px 20px 30px;
    font-size: 16px;
}

.faq-box .card-header h5.collapsed {
    font-size: 17px;
    color: #000;
    cursor: pointer;
    line-height: 26px;
    font-weight: 800;
}

.faq-box .card-header h5.collapsed span,
v .card-header h5.collapsed a {
    color: #00a029;
}

.faq-box .card-header h5 .fa {
    font-size: 24px;
    float: right;
}

.faq-box .card-header h5 {
    font-size: 17px;
    color: #00a029;
    cursor: pointer;
    line-height: 26px;
    font-weight: 800;
}

.faqs-s2 .faq-text {
    margin: 0px;
    padding: 100px 0;
}

.faq-text h3 {
    padding: 0px 50px 0 0;
    margin: 0px;
    font-size: 51px;
    font-weight: 800;
}

.faq-text p {
    padding: 0px;
    margin: 0px;
    font-size: 22px;
    line-height: 34px;
    color: #383838;
}

.faq-3-box {
    padding: 0 0 100px 0;
}

.faq-3-box img {
    width: 100%;
}

.faq-3-box small {
    color: #ff3203;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
    display: block;
}

.faq-3-box h4 {
    font-size: 28px;
    padding: 10px 0;
    margin: 0px;
    display: block;
}

.faq-3-box p {
    color: #939393;
    font-size: 13px;
    font-weight: 600;
    margin-top: 15px;
    display: block;
}

.faq-3-box p span {
    display: inline-block;
    float: right;
}

/****/

.contact-us {
    padding: 100px 0 180px 0;
    margin: 0px;
    width: 100%;
    background: #fff;
}

.contact-div {
    padding: 80px 150px;
    margin: 0px auto;
    width: 100%;
    max-width: 1030px;
    background: #f4f4f4;
    -webkit-box-shadow: -3px 3px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

.contact-div h2 {
    font-size: 38px;
    padding: 30px 0;
    margin: 0px;
    font-weight: 800;
}

.contact-div p {
    font-size: 22px;
    padding: 0;
    margin: 0px;
    text-align: center;
    line-height: 36px;
}

.contact-div form {
    margin: 60px auto 0;
    padding: 0px;
    max-width: 480px;
}

.contact-div .form-control {
    border-radius: 0px;
    padding: 20px 30px;
}

.contact-div textarea.form-control {
    border-radius: 0px;
    padding: 20px 30px;
    height: 180px;
}

.contact-div .btn-contact {
    padding: 10px 40px;
    font-size: 24px;
    color: #fff;
    border: 0px;
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(0, 202, 216, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(0, 202, 216, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00cad8', GradientType=1);
}

.contact-div .btn-contact:hover {
    background: rgba(103, 213, 143, 1);
}

/****/

.btn-out-gradint {
    padding: 10px 25px;
    margin: 20px 13px 0;
    font-size: 23px;
    color: #fff;
    border-radius: 10px;
    border-color: rgba(103, 213, 143, 1);
}

.btn-out-gradint:hover {
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(0, 215, 201, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00d7c9', GradientType=1);
}

.btn-out-gradint.btn-active {
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(0, 215, 201, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00d7c9', GradientType=1);
}

.themes {
    padding: 120px 0 160px;
    margin: 0px;
    width: 100%;
}

.theme-title {
    margin-bottom: 70px;
}

.theme-title h2 {
    margin: 0px;
    padding: 0px;
    font-size: 38px;
    color: #000;
    font-weight: 800;
}

.theme-top {
    width: 100%;
}

.theme-top .pad60 {
    padding-top: 60px;
}

.theme-top h2 {
    margin: 0px 0 30px 0;
    padding: 0px;
    font-size: 28px;
    color: #000;
    line-height: 36px;
    font-weight: 400;
}

.theme-top h2 strong {
    display: block;
    font-weight: 800;
}

.theme-top p {
    font-size: 16px;
    display: block;
    color: #000;
    line-height: 26px;
}

.theme-top .btn-outline-info {
    padding: 10px 25px;
    margin: 30px 0 0 0;
    font-size: 28px;
    color: #67d58f;
    border-radius: 10px;
    border-width: 2px;
    border-color: rgba(103, 213, 143, 1);
    font-weight: 600;
}

.theme-top .btn-outline-info:hover {
    color: #fff;
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(0, 215, 201, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00d7c9', GradientType=1);
}

.theme-body {
    padding: 100px 0 0 0;
    margin: 0px;
}

.theme-body .box-theme {
    width: 100%;
    margin: 35px 0;
    padding: 0px;
}

.theme-body h4 {
    margin: 20px 0 20px 0;
    padding: 0px;
    font-size: 16px;
    color: #000;
    line-height: 24px;
}

.theme-body h4 span {
    font-size: 12px;
}

.theme-body p {
    font-size: 12px;
    display: block;
    color: #000;
    line-height: 18px;
}

.theme-body img {
    width: 100%;
    max-width: auto;
}

.theme-body .btn-outline-info {
    padding: 8px 20px;
    margin: 20px 0 0 0;
    font-size: 16px;
    color: #67d58f;
    border-radius: 10px;
    border-width: 2px;
    border-color: rgba(103, 213, 143, 1);
}

.theme-body .btn-outline-info:hover {
    color: #fff;
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(0, 215, 201, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00d7c9', GradientType=1);
}

/*====================================================================================================================================================================================================================================================================================================================================================================  member   ==========================================================================================*/

.member {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.bg_1 {
    position: absolute;
    height: 100%;
    width: 50%;
    background: #112a46;
}

.login_left {
    background: #112a46;
    position: relative;
    min-height: 555px;
}

.login_right {
    background: #fff;
    position: relative;
    min-height: 555px;
}

.logininner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 350px;
    width: 100%;
    text-align: center;
}

.logininner h2 {
    font-size: 27px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 20px;
}

.logininner h3 {
    font-size: 22px;
    font-weight: normal;
    color: #212529;
    margin-bottom: 20px;
    text-align: left;
}

.logininner p {
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 25px;
}

.logininner p.or {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    line-height: 0.1em;
    margin: 10px 0 20px;
    color: #495057;
}

.logininner p.or span {
    background: #fff;
    padding: 0 10px;
    font-size: 12px;
}

.sign-up .form-group {
    text-align: left;
    margin-bottom: 10px;
}

.sign-up label {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 12px;
}

.sign-up .form-control {
    background: #f2f2f2;
    border-radius: 0px;
    border-color: #f2f2f2;
    font-size: 12px;
}

.btn-signup {
    float: left;
    margin: 0px;
    font-size: 14px;
    background: #112a46;
    padding: 8px 25px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 0px;
    border-radius: 0px;
}

.btn-google {
    margin: 0px;
    font-size: 12px;
    background: #112a46;
    padding: 8px 25px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 0px;
    border-radius: 0px;
    color: #fff;
}

.btn-google:hover {
    background: #f2f2f2;
    color: #757575;
    text-decoration: none;
}

.btn_ft {
    margin: 0px;
    font-size: 12px;
    background: #f2f2f2;
    padding: 8px 12px;
    letter-spacing: 1px;
    font-weight: 600;
    border: 0px;
    border-radius: 0px;
    color: #757575;
}

.btn_ft:hover {
    margin: 0px;
    font-size: 12px;
    background: #112a46;
    color: #fff;
}

.logininner .fa-google {
    margin-right: 25px;
}

.form-check-label a {
    color: #3071ff;
}

/***/

.dropdown {
    display: inline-block;
}

.dropdown .dropdown-toggle::after {
    display: none;
}

.dropdown .dropdown-menu {
    right: 0px;
    background: #14afcc;
    width: 130px;
    left: auto;
    border-radius: 0px;
}

.top-right a.dropdown-item {
    font-size: 12px;
    border: 0px;
    text-align: right;
    color: #fff;
}

.top-right a.dropdown-item:hover {
    background: #075c63;
}
@media(min-width:768px) {
.dropdown:hover .dropdown-menu {
    display: block !important;
}
.dropdown:hove .dropdown-menu {
    display: block;
}
}
.mtb4080 {
    margin-top: 40px;
    margin-bottom: 80px;
}

.mar40 {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.nav-tabs {
    border-bottom: 0 solid #fff;
}

.nav-link {
    display: block;
    padding: 0;
    padding-right: 60px;
    margin-right: 20px;
    color: rgba(0, 0, 0, .2);
    font-size: 25px;
    font-weight: 500;
    border: 0px !important;
}

.nav-link:hover {
    border: 0px;
    box-shadow: none;
    border-bottom: 1px solid #333 !important;
    color: #000;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #333 !important;
}

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.mybook_box {
    min-height: 200px;
    width: 100%;
    border-radius: 20px;
    background: #fff;
    margin: 40px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding: 30px;
}

.mybook_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.mybook_col1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22%;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.mybook_col2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 34%;
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    max-width: 34%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
}

.mybook-wthree-grids {
    padding: 0px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    /*margin-left:auto; 	margin-right:auto;*/
    max-width: 220px;
    width: 100%;
    text-align: center;
    display: inline-block;
    height: 312px
}

.mybook-wthree-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    display: none;
    padding: 70px 0;
}

.mybook-wthree-hover div {
    display: block;
    margin: 30px auto;
    max-width: 150px;
}

.mybook-wthree-grids:hover .mybook-wthree-hover {
    display: block;
}

.mybook_box img {
    width: 100%
}

.mybook_box h5 {
    margin: 15px 0 0 0;
    padding: 0px;
    font-size: 20px;
    font-weight: 600;
}

#My_Characters h5 {
    text-align: center !important;
    max-width: 220px;
    width: 100%;
    display: inline-block;
}

.mybook_box .sender-reciver {
    position: absolute;
    top: 10px;
    left: 20px;
    border: 1px solid #333;
    height: 28px;
    border-radius: 14px;
    padding: 0 9px;
    font-size: 12px;
    color: #333;
    line-height: 28px;
    z-index: 999999;
}

.book-description {
    padding: 40px 0 20px 20px;
    margin: 0px;
}

.book-description h5 {
    font-size: 16px;
    color: #939393;
    margin: 0px 0 10px 0;
    padding: 0px;
}

.book-description h2 {
    font-size: 28px;
    color: #000;
    margin: 0px;
    padding: 0px;
}

.book-description h2 span {
    font-size: 16px;
    color: #000;
    margin: 0px;
    padding: 0px 0 0 50px;
}

.book-description h3 {
    font-size: 28px;
    color: #14afcc;
    margin: 10px 0 50px 0;
    padding: 0px;
}

.book-description p {
    font-size: 12px;
    color: #939393;
    margin: 0px 0 50px 0;
    padding: 0px;
}

.book-description .btn-outline-info {
    padding: 8px 25px;
    margin: 0;
    font-size: 20px;
    color: #67d58f;
    border-radius: 20px;
    border-width: 2px;
    border-color: rgba(103, 213, 143, 1);
    font-weight: 600;
}

.book-description .btn-outline-info:hover {
    color: #fff;
    background: rgba(103, 213, 143, 1);
    background: -moz-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103, 213, 143, 1)), color-stop(100%, rgba(0, 215, 201, 1)));
    background: -webkit-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -o-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: -ms-linear-gradient(left, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    background: linear-gradient(to right, rgba(103, 213, 143, 1) 0%, rgba(0, 215, 201, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d58f', endColorstr='#00d7c9', GradientType=1);
}

.blue_bg {
    background: #14afcc;
    text-align: center;
    font-size: 23px;
    color: #fff;
}

.blue_bg a {
    color: #fff;
}

.blue_bg .allcenter {
    margin: 0px;
    padding: 120px 0;
}

.blue_bg .allcenter .fa {
    margin: 0px;
    padding: 0;
    display: block;
    text-align: center;
    font-size: 50px;
}

/********/

.profile-menu {}

.profile-menu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.profile-menu ul li {
    list-style: none;
    padding: 8px;
    margin: 0px;
    width: 16.66%;
    float: left;
}

.profile-menu ul li a {
    background: #ddd;
    display: block;
    text-align: center;
    padding: 26px 16px;
    font-size: 12px;
    color: #000;
    border-radius: 10px;
}

.profile-menu ul li a span {
    display: block;
    text-align: center;
}

.profile-menu ul li:first-child {
    padding-left: 0px;
}

.profile-menu ul li:last-child {
    padding-right: 0px;
}

.profile-menu ul li:hover a,
.profile-menu ul li.active a {
    background: #DBF7FA;
}

.profile-input-div {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}

.profile-input-div .form-group {
    margin-bottom: 10px;
}

.profile-input-div .form-control {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    line-height: 1.25;
    color: #464a4c;
    background-color: #F2F2F2;
    border: 1px solid #F2F2F2;
    border-radius: 0;
}

.profile-input-div label {
    font-size: 12px;
    font-weight: 600;
}

.profile-input-div .form-control.phone {
    position: absolute;
    width: 80px;
    left: 0px;
    top: 0px;
}

.profile-input-div .profile-div {
    padding: 26px 0;
}

.profile-input-div .profile-div .left {
    float: left;
    height: 80px;
    width: 80px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px #999999;
    text-align: center;
}
.profile-input-div .profile-div .right{position:absolute; left:100px; top:30px;}
.profile-input-div .profile-div h5 {
    font-size: 20px;
    margin: 5px 10px;
}

.profile-input-div .profile-div p {
    font-size: 13px;
    margin: 0;
    color: #000;
    line-height: 24px;
    display: block;
}

.profile-input-div .profile-div p .fa {
    font-size: 15px;
    margin-right: 10px;
}

.btn-save {
    border-radius: 0px;
    margin: 30px 0;
    color: #fff;
    background: #112A46;
}

.profile-filter h3 {
    display: block;
    margin-bottom: 40px;
    font-size: 32px;
}

.profile-filter p,
.profile-filter .form-control {
    display: inline-block;
    width: auto;
    margin-right: 20px;
}

.profile-filter p {
    font-size: 24px;
    font-weight: 300
}

.profile-filter .form-control {
    font-size: 14px;
    padding-top: 15px;
    height: 50px !important;
    padding-bottom: 15px;
}

/*********************************************************************/

.cart {
    margin: 0 auto;
    padding: 0px;
    width: 100%;
    max-width: 1350px;
    background: #fff;
    vertical-align: top;
    position: relative;
    float: left;
}

.cart_right {
    display: block;
    float: right;
    position: absolute;
    width: 335px;
    z-index: 16;
    background: #F7FAFB;
    padding: 55px 30px;
    top: 0px;
    right: 0px;
    height: 100%;
}

.cart_left {
    background: #fff;
    margin-left: 0px;
    margin-right: 390px;
    padding: 50px 0;
    position: relative;
    min-height: 100%;
    width: auto;
    top: 0px;
    min-height: 675px;
}

.cart_right .heading {
    margin: 0px;
    padding: 0px 0px 20px;
    position: relative;
    border-bottom: 1px solid #E4E9ED;
}

.cart_right .heading span.count {
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: #438BCA;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 3px;
    right: 0px;
}

.cart_right .itemdiv {
    padding: 40px 0px;
    margin: 0px;
}

.cart_right .item {
    padding: 25px 0px;
    margin: 0px;
    display: block;
}

.cart_right .item img {
    padding: 0px;
    margin: 0px 30px 0px;
    float: left;
}

.cart_right .item p {
    font-size: 16px;
    color: #788894;
    margin-bottom: 5px;
}

.cart_right .voucher {
    border-bottom: 1px solid #E4E9ED;
    border-top: 1px solid #E4E9ED;
    padding: 15px 0;
    font-size: 14px;
}

.cart_right .voucher .fa {
    float: right;
}

.cart_right .price {
    border-bottom: 2px solid #E4E9ED;
    padding: 25px 0px;
    margin-bottom: 25px;
}

.cart_right .price p {
    font-size: 14px;
    color: #788894;
    margin-bottom: 5px;
}

.cart_right .price p span {
    float: right;
}

.cart_right .total p {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
}

.cart_right .total p span {
    float: right;
}

/***/

.cart_left .containt {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.cart_left .form-control {
    height: 54px !important;
}

.cart_left label {
    font-size: 12px;
    color: #ced4da;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.cart h3 {
    font-size: 24px;
    font-weight: 300;
}

.cart .btn_cart {
    background: #112A46;
    border: 0px;
    font-size: 15px;
    color: #fff;
    padding: 13px 40px;
}

.cart .btn_cart:hover {
    background: #011A30;
}

.cart .returnshop {
    color: #ced4da;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-top: 10px;
}

.cart_left .box {
    border: 1px solid #ced4da;
    width: 100%;
}

.cart_left .box .inner {
    padding: 30px 45px;
    font-size: 16px;
    color: #788894;
    width: 50%;
    float: left;
}

.cart_left .box .inner p a {
    font-weight: 12px;
    display: inline-block;
    font-weight: normal;

    margin: 5px 0;
}

.cart_left .box .address-map {
    width: 50%;
    float: left;
}

.cart_left .box.delivery {
    padding: 20px 45px;
    min-height: 145px;
}

.cart_left .box .form-check {
    float: none;
}

.cart_left .box .form-control {
    height: 40px !important;
}

.cart_left .box .custom-control-label {
    font-size: 16px;
    color: #1A2024;
    text-transform: inherit;
}

.cart_left .box .custom-control-label span {
    float: right;
}

.cart_left .box .custom-control-label small {
    font-family: 16px;
    display: inline-block;
    margin-top: 10px;
    color: #788894
}

.project-tab {}

.project-tab .nav-tabs {
    max-width: 100%;
    width: 100%;
    margin: 5px auto;
}

.project-tab #tabs {
    background: #007b5e;
    color: #eee;
}

.project-tab .nav-link {
    padding: 15px 10px;
    margin-right: 0px;
}

.project-tab #tabs h6.section-title {
    color: #eee;
}

.project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.project-tab .nav-tabs .nav-link.active {
    color: #000;
    background-color: transparent;
    border-color: transparent transparent #000;
    border-bottom: 1px solid !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #CCCCCC;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #CCCCCC !important;
}

.project-tab .nav-link:hover {
    border: none;
}

.project-tab thead {
    background: #f3f3f3;
    color: #333;
}

.project-tab a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

/****************************************************************************************************************************************/

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

/*--responsive--*/

@media(max-width:1920px) {}

@media(min-width:1366px) {
    .about-banner img {
        width: 100%;
    }
}

@media(max-width:1199px) {
    .top-right a {
        padding: 0px 8px;
    }
    .w1 {
        width: 43%;
        top: 0;
        left: 0;
    }
    .w2 {
        width: 32%;
        top: 0;
        left: 44%;
    }
    .w3 {
        width: 23%;
        top: 0;
        left: 77%;
    }
    .w4 {
        width: 32%;
        top: 165px;
        left: 0px;
    }
    .w5 {
        width: 43%;
        top: 165px;
        left: 33%;
    }
    .footer-top {
        background-size: 100% 100px;
    }
    .pbook {
        padding: 0px 0 85px;
    }
    .gd-section {
        margin-top: 60px;
    }
    .g-box {
        height: 326px;
    }
    .gallery {
        padding: 50px 0;
    }
    .team {
        padding: 60px 0;
    }
    .support {
        padding: 50px 0 80px;
    }
    /***/
    .aboutus-s2 .text-right img {
        width: 580px;
    }
    .stage-body-left {
        width: 260px;
    }
    .stage-body-left ul li {
        padding: 10px 5px;
    }
    .stage-body-middle .body .card-body .face li {
        margin: 10px 0px;
    }
    .stage-top h2 {
        font-size: 36px;
    }
}

@media(max-width:1024px) {}

@media(max-width:991px) {
    .m-hide {
        display: none;
    }
    .top-right a {
        padding: 0px 13px;
    }
    .main-menu-area {
        height: auto;
    }
    .flex-caption h2 {
        font-size: 30px;
    }
    .flex-caption h5 {
        font-size: 20px;
    }
    .pbook-grid-wthree {
        padding: 15px 10px 35px 10px;
        max-width: 100%;
    }
    .support .text-r {
        padding-top: 0px;
    }
    .footer-top {
        background-size: 100% 100px;
    }
    .form-wrapper-2 input {
        padding: 8px 125px 8px 20px;
    }
    .form-wrapper-2 button {
        width: 120px;
    }
    .g-element {
        position: relative;
        margin-bottom: 25px;
    }
    .w1,
    .w2,
    .w3,
    .w4,
    .w5 {
        width: 90%;
        top: auto;
        left: 5%;
    }
    .about {
        padding: 50px 0;
    }
    .pbook {
        padding: 0px 0 50px;
    }
    .gd-section {
        margin-top: 50px;
    }
    .gallery {
        padding: 50px 0;
    }
    .team {
        padding: 50px 0;
    }
    .support {
        padding: 30px 0 50px;
    }
    .footer-style {
        padding: 50px 0 20px;
    }
    /****/
    .welcome2 {
        position: relative;
    }
    .text-right {
        text-align: center !important;
    }
    .aboutus-s2 .text-right img {
        width: 100%;
    }
    /**/
    .stage-top .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .stage-top h2 {
        font-size: 32px;
    }
    .contact-div {
        padding: 50px 50px;
    }
    .contact-us {
        padding: 50px 0 50px 0;
    }
    .faq-3-box p span {
        float: left;
    }
    .rowfaq-5 h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .theme-top .pad60 {
        padding-top: 0px;
    }
}

@media(max-width:768px) {
    .top-right {
        text-align: center;
        margin-top: 15px;
    }
    .logo {
        float: none;
        display: block;
    }
    .logo a {
        display: block;
        text-align: center;
    }
    .main-menu-area {
        height: auto;
    }
    .pbook-grid-wthree {
        margin-bottom: 25px;
    }
    .flex-caption h2 {
        font-size: 30px;
    }
    .flex-caption h5 {
        font-size: 18px;
    }
    .g-element {
        position: relative;
        margin-bottom: 25px;
    }
    .w1,
    .w2,
    .w3,
    .w4,
    .w5 {
        width: 100%;
        top: auto;
        left: auto;
    }
    .team-item .p-img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .team {
        padding: 60px 0px;
    }
    .support {
        padding: 0px 0px 50px 0px;
    }
    .footer-top {
        background: #2acdba;
    }
    .form-wrapper-2 {
        width: 100%;
    }
    .footer-style {
        padding: 50px 0 20px;
    }
    .footer-style .py-5 {
        position: relative;
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 25px;
        flex: 0 0 100%;
    }
    .about {
        padding: 50px 0;
    }
    .pbook {
        padding: 0px 0 50px;
    }
    .gd-section {
        margin-top: 30px;
    }
    .support .text-r {
        padding-top: 30px;
    }
    .gallery {
        padding: 50px 0;
    }
    .aboutus-s1 {
        padding: 50px 0;
    }
    .aboutus-s3 {
        padding: 50px 0;
    }
    .contact-div {
        padding: 50px 50px;
    }
    .contact-us {
        padding: 50px 0 50px 0;
    }
    .themes {
        padding: 50px 0 50px;
    }
    .btn-out-gradint {
        padding: 8px 15px;
    }
    .theme-title {
        margin-bottom: 50px;
    }
    .theme-body {
        padding: 50px 0 0 0;
    }
    .faq-box {
        padding: 40px 20px 20px 20px;
    }
    .faq-3-box .col-md-4 {
        margin-bottom: 20px;
    }
    .faqs-s2 .faq-text h3 {
        margin-bottom: 15px;
        padding: 0px 0px 0 0;
    }
    .rowfaq-5 {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 15px;
    }
    .rowfaq-5 h5 {
        font-size: 18px;
        line-height: 26px;
    }
    .faqs-s2 .faq-text {
        padding: 50px 0;
    }
    .faqs-s1 {
        padding: 50px 0 150px;
    }
    .faq-3-box {
        padding: 0 0 50px 0;
    }
	
	.profile-menu ul li {  width: 33.33%;}
	.profile-menu ul li a { min-height: 155px;}
	.profile-menu ul li:first-child, .profile-menu ul li:last-child { padding-left: 8px;}
	.mybook_col1, .mybook_col2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
	}
	.book-description h2 span { padding: 0px 0 0 0px;}
	.book-description { padding: 0px;margin: 0px;}
	.cart{width: 540px;max-width: 100%; float:none;}
	.cart_right {
    display: block;
    float: none;
    position: relative;
    max-width: 390px;
	width:100%;
    z-index: 16;
    background: #F7FAFB;
    padding: 55px 45px;
    top: 0px;
    right: 0px;
    height: 100%;
    margin: 0 auto;
	}
	.cart_left {
    margin-right: 0;
	padding: 0px 15px 40px;
	}
	.cart .returnshop {  margin-bottom: 20px; display: block;text-align: center;} 
	
	
	
	/***/
#progressbar li {
    line-height: 20px;
}
.stage_div { max-width: 100%; overflow:hidden;}
.stage_area {
    min-width: 330px !important;
}
.stage-top {
    max-width: 100%;
}
.stage-top .div1, .stage-top .div2, .stage-top .div3 {
    width: 100%;
}
.stage-body { max-width: 100%; float:left; display: inherit;}
.stage-2{-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; border:0px !important;}
.stage-2 img{ width:auto; max-width:100%;}
.stage_vtext {
    left: 40px !important;
}
.stage_vtext_right {
    right: auto;
    left: 40px;
}
.stage-body-left {
    width: 100%;
    float: left;
}
.stage-body-middle {
    display: block;
    width: 100%;
    padding: 10px 10px;    float: left;
}
.stage-body-right {
    display: block;
    width: 100%;	
    padding: 0px;float: left;}
.stage-body-left ul li {
    float: left;
    width: 25%;
}
.stage-body-left ul.cover-design li {
    width: 25%;
}
.stage-body-left ul.cover-design li a { margin: 0 auto;}

.project-tab .nav-link { font-size: 14px;}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .project-tab .nav-tabs .nav-link.active {
    font-size: 14px;
}

}

@media(max-width:640px) {
    .flex-caption {
        width: 100%;
        left: 0;
        line-height: 18px;
        position: relative;
        top: 100%;
        transform: translateY(0%);
        background: #047c93;
        padding-bottom: 50px;
        padding-top: 20px;
    }
    .bannerform .form-control {
        margin-bottom: 10px;
    }
    .gallery_inner {
        padding: 30px 15px 40px 15px;
    }
    .s-right {
        width: 100%;
    }
    .team-item {
        padding: 30px;
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
        margin: 60px auto;
        width: 90%;
    }
    .team-item .p-img {
        margin-top: -80px;
    }
    .form-wrapper-2 input {
        padding: 8px 120px 8px 20px;
    }
    .form-wrapper-2 button {
        width: 115px;
    }
	.contact-div {
    padding: 15px;
	width:90%;
	}
}

@media(max-width:480px) {
    .rowfaq-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
    .rowfaq-5 h5 {
        font-size: 18px;
        line-height: 26px;
    }
    .aboutus-s1 img {
        max-width: 100%;
    }
	.profile-menu ul li {  width:50%;}
	.profile-input-div .profile-div .right{position:relative; left:auto; top:10px; margin-bottom: 20px;}
	.mybook_col1, .mybook_col2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
	}	
	.mybook-wthree-grids {
    max-width: 100%;
    height: auto;
	}
}

@media(max-width:460px) {
    .theme-body .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .theme-body .box-theme {
        width: 230px;
        margin: 20px auto;
        padding: 0px;
    }
	.logininner {
	max-width: 320px;
	}
	.login_right {
	min-height: 400px;
	}
	.login_left {
	min-height: 340px;
	}
	.profile-filter p {
    font-size: 22px;
    font-weight: 300;
	}
	.profile-filter p, .profile-filter .form-control {
		margin-right: 0px;
	}
	.profile-filter .form-control {
    font-size: 14px;
    padding-top: 10px;
    height: auto !important;
    padding-bottom: 10px;
}
	.profile-filter p, .profile-filter .form-control {
    width: 100%;
    margin-bottom: 10px;
}
.delivery .position-absolute {
    position: absolute; right:-30px !important;
}
}

@media(max-width:359px) {
    .btn-out-gradint {
        padding: 8px 15px;
        margin: 20px 10px 0;
        font-size: 18px;
    }
}

/*--//responsive--*/