@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fp-watermark {
    display: none;
}

/* our packages page css */

@media only screen and (min-width: 1023px) {
    .desk-portfolio .port-item .text-flex h4 img:hover {
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-animation-duration: 4s;
        animation-duration: 5s infinite;
    }
}

@media (min-width:1600px) {
    .cont_sec.price_content {
        padding: 0px 0 !important;
    }
}

.services-footer .copyright {
    padding: 20px 0 40px;
}

.list_packages .com_heading {
    font: 3.3rem/1.1 "josefin_sansbold_italic";
}

@media only screen and (min-width: 1023px) {
    .section-two.section.active .portfolio-banner-logo {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }
}

.portfolio-banner-logo {
    padding-top: 20px;
    padding-left: 10px;
}

.section-two.section.active .portfolio-banner-logo {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bannerimg.banner-overlay:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.35);
    top: 0;
}

.package-1.established.list_packages .img_sec:before {
    display: none;
}

.testimonial-slider-wrapper img {
    max-width: 40px;
}

.testimonial-slider-wrapper h3 {
    color: #fff;
    font: 1.7625rem/1 "josefin_sansbold";
    margin: 18px 0 0px;
}

.iScrollIndicator {
    opacity: 0;
}

.testimonial-slider-wrapper p {
    font: 14px/1.6 "open_sansregular";
    color: #fff;
    margin-top: 10px;
}

@media (max-width: 1460px) {
    .port_summary .right_side img {
        max-width: 140px;
    }
}

.flider-grid ul.slick-dots {
    text-align: left;
    padding: 0 10px;
}

.flider-grid ul.slick-dots li {
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #fff;
    margin: 0 10px 0 0;
}

.testimonial-slider-wrapper {
    padding: 0 10px;
}

.section_fourth .heading-grid .icons-wrap {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    display: -ms-flexbox;
}


/* .slick-initialized .slick-slide:nth-child(2n) .testimonial-slider-wrapper {
    margin-right: 0px;
} */

.flider-grid ul.slick-dots li.slick-active {
    background: #4ea74e;
}

.flider-grid ul.slick-dots li button {
    display: none;
}

.testimonial-logo .list_logo {
    padding-right: 1rem !important;
}

.testimonial-slider-wrapper h6.reviewer-name {
    color: #5fb35f;
    font: 18px/1.5 "open_sansbold";
    margin: 25px 0 0;
}

.section_fourth .flider-grid .Testimoni {
    width: 100%;
}

.established.list_packages .cont_sec {
    width: 70%;
}

.established.list_packages .img_sec:before {
    content: "";
    position: absolute;
    background: rgba(102, 52, 147, 1);
    width: 100%;
    height: 1px;
    top: -1px;
}

.established.list_packages .img_sec {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
    width: 30%;
    height: calc(100% + 0px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #663493;
}

.established.list_packages .img_sec.left-img-sec {
    right: auto;
    left: 0px;
}

.experienced.price-range-div {
    background: #663493;
    padding: 0px 0px;
    position: relative;
    z-index: 1;
}

.package-4.section.active .price-range-div h5 {
    margin-bottom: 0px;
}

.left-image-section .experienced.price-range-div:before {
    width: calc(100% + 90100px);
    right: -260px;
}

.bannerimg.banner-overlay {
    background-position: top center;
}

.established.list_packages.left-image-section .cont_sec {
    float: right;
}

.list_packages .wrapper {
    height: 100%;
}

.established.list_packages .cont_sec.price-range-div {
    height: 60%;
}

.established.list_packages .cont_sec.price_content {
    height: 40%;
}

.established.list_packages .cont_sec {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
}

.experienced.price-range-div:before {
    content: "";
    position: absolute;
    background: #663493;
    width: calc(100% + 700px);
    height: 100%;
    left: -450px;
    z-index: -1;
    top: 0;
    bottom: 0;
    right: 100px;
}

.price-range-div.experienced ul li:first-child {
    padding-left: 30px;
    margin-left: -30px;
}


/*.cont_sec.price_content {
	padding: 50px 0;
}*/

.price_content .smallertext p {
    font: 14px/1.7 "open_sansregular";
    color: #333;
    margin-bottom: 25px;
    text-transform: inherit;
}

.price-range-div .com_heading {
    font-family: "josefin_sanssemibold_italic" !important;
    letter-spacing: 0px !important;
}

.price_content .smallertext p:last-child {
    margin-bottom: 0px;
}

.price-range-div h5 {
    font: 19px/1 "josefin_sanssemibold";
    color: #FFF;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    font-style: italic;
    margin-bottom: 22px;
}

.price-range-div h5:before {
    content: "";
    position: absolute;
    left: calc(100% + 20px);
    top: 5px;
    width: 50px;
    height: 1px;
    background: #FFF;
}

.price-range-div .smallertext p {
    color: #fff;
}

.price-range-div .smallertext {
    padding: 15px 0 5px;
}

.price-range-div.experienced ul {
    margin-top: 30px;
}

.price-range-div .smallertext p {
    color: #fff;
    text-transform: inherit;
}

.price-range-div .smallertext p b {
    display: block;
    padding-top: 4px;
}

.established.list_packages .img_sec:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0px;
}


/* our packages page css ends */

header.main-header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999
}

header.main-header .topheader {
    overflow: hidden;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    padding: 2% 4%;
    background-color: #fff
}

@media only screen and (min-width: 992px) {
    header.main-header .topheader {
        padding: 2%;
        background-color: transparent
    }
}

header.main-header .topheader .right-sec {
    width: 83%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 992px) {
    header.main-header .topheader .right-sec {
        height: 50px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 540px) {
    header.main-header .topheader .right-sec {
        width: 50%
    }
}

header.main-header .topheader .right-sec .right-cotact {
    float: right
}

@media only screen and (max-width: 992px) {
    header.main-header .topheader .right-sec .right-cotact {
        padding-left: 10px
    }
}

header.main-header .topheader .right-sec .right-cotact a {
    color: #fff;
    text-decoration: none;
    padding-left: 5px;
    font-family: "open_sanslight"
}

@media only screen and (max-width: 992px) {
    header.main-header .topheader .right-sec .right-cotact a {
        font: 2rem/1 "open_sanslight"
    }
}

header.main-header .topheader .right-sec .left-nav {
    display: block
}

@media only screen and (max-width: 992px) {
    header.main-header .topheader .right-sec .left-nav {
        display: none;
        float: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #333;
        padding: 10px;
        z-index: 100
    }
}

header.main-header .topheader .right-sec .left-nav ul {
    margin: 0;
    padding: 0
}

header.main-header .topheader .right-sec .left-nav ul li {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (max-width: 992px) {
    header.main-header .topheader .right-sec .left-nav ul li {
        display: block
    }
}

header.main-header .topheader .right-sec .left-nav ul li a {
    display: block;
    padding: 10px 36px;
    color: #fff;
    text-decoration: none;
    font: 0.875rem/1 "josefin_sanssemibold";
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    transition: all 1s
}

@media only screen and (max-width: 992px) {
    header.main-header .topheader .right-sec .left-nav ul li a {
        font: 2rem/1 "josefin_sanssemibold"
    }
}

@media only screen and (max-width: 1700px) {
    header.main-header .topheader .right-sec .left-nav ul li a {
        padding: 10px 30px
    }
}

@media only screen and (max-width: 1400px) {
    header.main-header .topheader .right-sec .left-nav ul li a {
        padding: 10px 25px
    }
}

@media only screen and (max-width: 1170px) {
    header.main-header .topheader .right-sec .left-nav ul li a {
        padding: 10px
    }
}

header.main-header .topheader .right-sec .left-nav ul li a:hover {
    color: #663493
}

@media only screen and (max-width: 992px) {
    header.main-header .topheader .right-sec .left-nav ul li a:hover {
        color: #5fb35f
    }
}

header.main-header .topheader #nav-icon1 {
    width: 35px;
    height: 45px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    top: 25px
}

@media only screen and (min-width: 992px) {
    header.main-header .topheader #nav-icon1 {
        display: none
    }
}

@media only screen and (min-width: 992px) {
    header.main-header .topheader #nav-icon1 {
        top: 10px
    }
}

header.main-header .topheader #nav-icon1 span {
    display: block;
    position: absolute;
    height: 6px;
    width: 50%;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #000
}

@media only screen and (min-width: 992px) {
    header.main-header .topheader #nav-icon1 span {
        background: #fff
    }
}

header.main-header .topheader #nav-icon1 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0
}

header.main-header .topheader #nav-icon1 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px
}

header.main-header .topheader #nav-icon1 span:nth-child(1),
header.main-header .topheader #nav-icon1 span:nth-child(2) {
    top: 0px
}

header.main-header .topheader #nav-icon1 span:nth-child(3),
header.main-header .topheader #nav-icon1 span:nth-child(4) {
    top: 10px
}

header.main-header .topheader #nav-icon1 span:nth-child(5),
header.main-header .topheader #nav-icon1 span:nth-child(6) {
    top: 20px
}

header.main-header .topheader #nav-icon1.open span:nth-child(1),
header.main-header .topheader #nav-icon1.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header.main-header .topheader #nav-icon1.open span:nth-child(2),
header.main-header .topheader #nav-icon1.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header.main-header .topheader #nav-icon1.open span:nth-child(1) {
    left: 5px;
    top: 7px
}

header.main-header .topheader #nav-icon1.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px
}

header.main-header .topheader #nav-icon1.open span:nth-child(3) {
    left: -50%;
    opacity: 0
}

header.main-header .topheader #nav-icon1.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
    display: none
}

header.main-header .topheader #nav-icon1.open span:nth-child(5) {
    left: 5px;
    top: 16px
}

#list-item-bg .bg-item .bg-container.top-banner-video:after {
    display: none;
}

header.main-header .topheader #nav-icon1.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 16px
}

.fp-viewing-0 .main-header .topheader {
    padding: 2%;
    background-color: transparent
}

.commansection {
    position: relative
}

.commansection .videosectiobanner {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none
}

.commansection .videosectiobanner video {
    min-width: 100%;
    width: 100%;
    height: auto
}

.commansection.single-work-page-vid .videosectiobanner {
    background: #000;
}

@media only screen and (min-width: 992px) {
    .commansection .videosectiobanner video {
        height: 55.8vw
    }

    .commansection.single-work-page-vid .videosectiobanner video {
        height: 100%;
    }

    .commansection.single-work-page-vid .videosectiobanner {
        display: block;
        top: 0;
    }
}

.commansection .banner_slider {
    top: 52%;
    right: -150px;
    margin: 0 auto;
    max-width: 55%;
    z-index: 4444;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 100%
}

@media only screen and (max-width: 1400px) {
    .commansection .banner_slider {
        right: -80px
    }
}

@media only screen and (max-width: 992px) {
    .commansection .banner_slider {
        position: initial;
        right: 0px;
        top: 110%;
        max-width: 100%;
        -webkit-transform: translateY(60%);
        transform: translateY(60%)
    }
}

.commansection .banner_slider .slider_content {
    width: 100%
}

.commansection .banner_slider .slider_content .banertextone h1 {
    color: #fff;
    font: 6.5rem/1 "josefin_sansbold_italic";
    text-transform: uppercase
}

@media only screen and (min-width: 1170px) {
    .commansection .banner_slider .slider_content .banertextone h1 {
        white-space: nowrap
    }
}

.commansection .banner_slider .slider_content .banertexttwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bg-container.top-banner-video::before {
    /*content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);*/
}

.banner-bottom .watch-trailer {
    font: 20px/1.5 "open_sansregular";
}

.commansection .banner_slider .slider_content .banertexttwo h1 {
    color: #fff;
    font: 6.5rem/1 "josefin_sansbold_italic";
    text-transform: uppercase
}

@media only screen and (min-width: 1170px) {
    .commansection .banner_slider .slider_content .banertexttwo h1 {
        white-space: nowrap
    }
}

.commansection .banner_slider .slider_content .banertexttwo .smallertext p {
    color: #fff;
    margin-top: 2px;
    padding-left: 20px;
    font: 1.125rem/1.7 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 3px
}

@media only screen and (max-width: 992px) {
    .commansection .banner_slider .slider_content .banertexttwo .smallertext p br {
        display: none
    }
}

.commansection .banner_slider .slider_content .banertextthree {
    padding-bottom: 40px
}

.commansection .banner_slider .slider_content .banertextthree h1 {
    color: #fff;
    font: 6.5rem/1 "josefin_sansbold_italic";
    text-transform: uppercase
}

@media only screen and (min-width: 1170px) {
    .commansection .banner_slider .slider_content .banertextthree h1 {
        white-space: nowrap
    }
}

.commansection .banner_slider .slider_content .smallertext p {
    color: #fff;
    margin-top: 2px;
    padding-left: 20px;
    font: 1.125rem/1.7 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 3px
}

.commansection .banner-content {
    position: absolute;
    z-index: 999;
    top: calc(50% + 50px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    width: 100%;
    z-index: 999;
    line-height: 1.1;
    z-index: 1
}

@media only screen and (max-width: 992px) {
    .commansection .banner-content {
        position: initial;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 50px 0;
        background: #663493
    }
}

@media only screen and (max-width: 992px) {
    .commansection .banner-content.second-posi {
        bottom: 0;
        top: 40%;
        background: #fff
    }
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
    position: relative;
    margin-top: 20px
}

@media only screen and (max-width: 1400px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        margin-top: 10px
    }

    .client_head .com_heading {
        font: 4rem/1.1 "josefin_sansbold_italic";
    }

    .client_head .smallertext {
        . max-width: 600px !important;
    }

    ul.test_slide li .cont {
        margin-top: 70px !important
    }

    ul.test_slide li:hover .cont p {
        font-size: 12px !important;
        padding-top: 15px !important;
    }

    ul.test_slide li:hover .cont .read_morebtn {
        margin-top: 20px;
    }

    .
}

@media only screen and (max-width: 992px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        color: #333333
    }

    .established.list_packages .cont_sec.price-range-div {
        height: auto !important;
    }

    .established.list_packages .cont_sec.price_content {
        height: auto !important;
    }

    .section-two.commansection.say-what-home .banner-content {
        bottom: 0 !important;
    }

    .section-two.commansection.say-what-home .banner-content .banner-content-wrapper .read_morebtn {
        height: auto !important;
    }

    .contact_inner .img_wrap::after {
        display: none;
    }

    .contact_inner .img_wrap::before {
        display: none;
    }

    .contact_inner .img_wrap {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px) !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .contact_inner .img_wrap ul li .con_detail a {
        color: #fff;
        text-decoration: none;
    }
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
    position: absolute;
    content: "";
    display: block;
    background-color: rgba(225, 225, 225, 0.4);
    height: 6px;
    width: 100%;
    top: -22px;
    left: -50%
}

@media only screen and (max-width: 1400px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
        width: 85%;
        top: -20px
    }
}

@media only screen and (max-width: 992px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
        display: none
    }
}

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

    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo p,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title p,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone p {
        color: #333
    }
}

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

    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo p span,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .zoom_title p span,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p span,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone p span {
        color: #333;
        margin-top: -10px
    }
}

@media only screen and (max-width: 992px) {
    .commansection .banner-content.second-posi .banner-content-wrapper .read_morebtn a {
        border: 2px solid #333;
        color: #333
    }
}

.commansection .banner-content .banner-content-wrapper {
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
    font-size: 6rem;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 {
    color: #fff;
    font: 6.5rem/1 "josefin_sansbold"
}

@media only screen and (min-width: 1170px) {
    .commansection .banner-content .banner-content-wrapper .banertextone h1 {
        white-space: nowrap
    }
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 span {
    font: 1.5625rem/1 "josefin_sansbold";
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    margin-top: -30px
}

.commansection .banner-content .banner-content-wrapper .banertexttwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
    color: #fff;
    font: 6.5rem/1 "josefin_sansbold_italic"
}

@media only screen and (min-width: 1170px) {
    .commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
        white-space: nowrap
    }
}

.commansection .banner-content .banner-content-wrapper .banertextthree h1 {
    color: #fff;
    font: 6.5rem/1 "josefin_sansbold_italic"
}

@media only screen and (min-width: 1170px) {
    .commansection .banner-content .banner-content-wrapper .banertextthree h1 {
        white-space: nowrap
    }
}

@media only screen and (max-width: 768px) {
    .commansection .banner-content .banner-content-wrapper .smallertext.desk {
        display: none
    }
}

.commansection .banner-content .banner-content-wrapper .smallertext.mob {
    display: none
}

@media only screen and (max-width: 768px) {
    .commansection .banner-content .banner-content-wrapper .smallertext.mob {
        display: block
    }
}

.commansection .banner-content .banner-content-wrapper .smallertext.mob p {
    padding-left: 0
}

.commansection .banner-content .banner-content-wrapper .smallertext p {
    color: #fff;
    margin-top: 2px;
    padding-left: 20px;
    font: 1.125rem/1.7 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: 3px
}

.commansection .banner-content .banner-content-wrapper .smallertext-second {
    padding: 20px 0
}

.commansection .banner-content .banner-content-wrapper .smallertext-second p {
    text-transform: none;
    font: 1.1rem/1.5 "open_sansregular";
    margin: 0 0 10px 0;
    max-width: 710px;
}

.commansection .banner-content .banner-content-wrapper .smallertext-second p a {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font: 2.5rem/1.5 "open_sansregular"
    }
}

@media only screen and (max-width: 992px) {
    .commansection .banner-content .banner-content-wrapper .smallertext-second p br {
        display: none
    }
}

.commansection .banner-content .banner-content-wrapper .read_morebtn {
    padding-top: 20px
}

.commansection .banner-content .banner-content-wrapper .read_morebtn a {
    font: 0.75rem/1 "josefin_sansbold";
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 4px;
    border: 2px solid #fff;
    padding: 12px 16px 10px;
    -webkit-transition: all 5s;
    transition: all 5s;
    vertical-align: top
}

@media only screen and (max-width: 992px) {
    .commansection .banner-content .banner-content-wrapper .read_morebtn a {
        letter-spacing: 0
    }
}

.commansection .banner-content .banner-content-wrapper .read_morebtn a:hover {
    background-color: #663493;
    border: 2px solid transparent
}

.commansection.only_second .bannerimg img {
    max-width: 100%;
    min-width: none
}

@media (min-width: 1600px) {}

@media only screen and (min-width: 992px) {
    .commansection.only_second .bannerimg img {
        max-width: none;
        min-width: 100%
    }
}

.mob_prot {
    display: none
}

@media only screen and (max-width: 992px) {
    .mob_prot {
        display: block
    }
}

.mob_prot .new_slick {
    overflow: hidden;
    position: relative;
    height: 550px
}

.mob_prot .new_slick button.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 444;
    font-size: 0;
    width: 40px;
    height: 40px;
    outline: none;
    border: 0 none;
    border-radius: 50%;
    background-color: #999999;
    transition: all 0.5s;
}

.mob_prot .new_slick button.slick-arrow:hover {
    background: 663493;
    cursor: pointer;
}

.mob_prot .new_slick button.slick-arrow:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    color: #fff
}

.mob_prot .new_slick button.slick-disabled {
    background: #999999
}

.mob_prot .new_slick button.slick-prev {
    left: 10px
}

.mob_prot .new_slick button.slick-prev:after {
    content: "\f104"
}

.mob_prot .new_slick button.slick-next {
    right: 10px
}

.mob_prot .new_slick button.slick-next:after {
    content: "\f105"
}

.mob_prot .new_slick button:hover {
    background: #999999
}

.mob_prot .new_slick .thumimg {
    height: 550px;
    overflow: hidden
}

.mob_prot .new_slick .thumimg img {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: none;
    min-height: none;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

img.footer_logo {
    max-width: 250px;
}

.mob_prot .new_slick .item {
    position: relative
}

.mob_prot .new_slick .item .top-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px
}

.mob_prot .new_slick .item .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .item .top-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.mob_prot .new_slick .item .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .item .top-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.mob_prot .new_slick .airbox {
    position: relative;
    overflow: hidden;
    height: auto !important;
    width: 100%;
}

.mob_prot .new_slick .airbox .figcaption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .airbox .figcaption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .airbox .figcaption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.mob_prot .new_slick .airbox .figcaption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .airbox .figcaption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.mob_prot .new_slick .arnold {
    position: relative
}

.mob_prot .new_slick .arnold .bottom-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .arnold .bottom-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .arnold .bottom-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.mob_prot .new_slick .arnold .bottom-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .arnold .bottom-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.mob_prot .new_slick .coffee {
    position: relative
}

.mob_prot .new_slick .coffee .top-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .coffee .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .coffee .top-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.mob_prot .new_slick .coffee .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .mob_prot .new_slick .coffee .top-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.mob_prot .new_slick .dmm,
.mob_prot .new_slick .worked_across,
.mob_prot .new_slick .llc {
    position: relative;
    overflow: hidden;
    height: auto !important
}

.mob_prot .new_slick .dmm .top-caption,
.mob_prot .new_slick .worked_across .top-caption,
.mob_prot .new_slick .llc .top-caption {
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%
}

.mob_prot .new_slick .dmm .top-caption h2,
.mob_prot .new_slick .worked_across .top-caption h2,
.mob_prot .new_slick .llc .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

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

    .mob_prot .new_slick .dmm .top-caption h2,
    .mob_prot .new_slick .worked_across .top-caption h2,
    .mob_prot .new_slick .llc .top-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.mob_prot .new_slick .dmm .top-caption p,
.mob_prot .new_slick .worked_across .top-caption p,
.mob_prot .new_slick .llc .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

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

    .mob_prot .new_slick .dmm .top-caption p,
    .mob_prot .new_slick .worked_across .top-caption p,
    .mob_prot .new_slick .llc .top-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_three .arn_cof {
    overflow: hidden
}

.section_three .slide-new {
    overflow: hidden;
    height: 550px
}

@media only screen and (max-width: 1700px) {
    .section_three .slide-new {
        height: auto
    }
}

.section_three .slide-new .pro {
    height: 100%
}

.section_three .slide-new .thumimg img {
    height: 100%
}

.section_three .slide-new .top-caption {
    position: absolute;
    top: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px
}

.section_three .slide-new .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .section_three .slide-new .top-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.section_three .slide-new .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .section_three .slide-new .top-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_three .slide-new ul.slick-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.section_three .slide-new ul.slick-dots li {
    padding: 10px;
    display: inline-block
}

.section_three .slide-new ul.slick-dots li button {
    font-size: 0;
    background: #b4afab;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    outline: none;
    padding: 0
}

.section_three .slide-new ul.slick-dots li.slick-active button {
    background: #663493;
    border: 1px solid #663493
}

.section_three .airbox {
    position: relative;
    overflow: hidden
}

.section_three .airbox img {
    min-width: 100%;
    min-height: 100%
}

@media only screen and (min-width: 768px) {
    .section_three .airbox img {
        min-width: none
    }
}

.section_three .airbox .figcaption {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .airbox .figcaption h4 {
    font: 1.125rem/1 "josefin_sansbold";
    text-transform: uppercase
}

.section_three .airbox .figcaption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .section_three .airbox .figcaption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_three .plan {
    background-color: #7d1ed2;
    position: relative;
    padding-top: 1px
}

.section_three .plan .plan_caption {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%
}

.section_three .plan .plan_caption p {
    color: #fff;
    padding: 0 0 15px 0;
    font: 1.25rem/1.5 "josefin_sansbold"
}

@media only screen and (max-width: 992px) {
    .section_three .plan .plan_caption p {
        font: 2rem/1.5 "josefin_sansbold"
    }
}

@media only screen and (max-width: 992px) {
    .section_three .plan .plan_caption p br {
        display: none
    }
}

.section_three .plan .plan_caption h1 {
    font: 2.5rem/1.5 "josefin_sansbold";
    color: #fff;
    padding: 0 0 15px 0
}

@media only screen and (max-width: 992px) {
    .section_three .plan .plan_caption h1 {
        font: 3rem/1.5 "josefin_sansbold";
        margin-bottom: 15px
    }
}

.section_three .plan .plan_caption a {
    font: 0.75rem/1 "josefin_sansbold";
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 4px;
    border: 2px solid #fff;
    padding: 12px 16px 10px;
    -webkit-transition: all 5s;
    transition: all 5s;
    vertical-align: top
}

@media only screen and (max-width: 992px) {
    .section_three .plan .plan_caption a {
        letter-spacing: 0
    }
}

.section_three .plan .plan_caption a:hover {
    background-color: #663493;
    border: 2px solid transparent
}

.section_three .worked_across {
    overflow: hidden;
    height: 100%
}

.section_three .dmm {
    position: relative;
    overflow: hidden
}

.section_three .dmm img {
    min-width: 100%;
    height: 100%
}

@media only screen and (min-width: 768px) {
    .section_three .dmm img {
        min-width: none
    }
}

.section_three .dmm .top-caption {
    position: absolute;
    top: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .dmm .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .section_three .dmm .top-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.section_three .dmm .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .section_three .dmm .top-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_three .llc {
    position: relative;
    overflow: hidden
}

.section_three .llc .top-caption {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .llc .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .section_three .llc .top-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.section_three .llc .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .section_three .llc .top-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_three .sp_br,
.section_three .krn,
.section_three .llca {
    position: relative;
    overflow: hidden
}

.section_three .sp_br img,
.section_three .krn img,
.section_three .llca img {
    min-width: 100%
}

@media only screen and (min-width: 768px) {

    .section_three .sp_br img,
    .section_three .krn img,
    .section_three .llca img {
        min-width: none
    }
}

.section_three .sp_br .cap,
.section_three .krn .cap,
.section_three .llca .cap {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .sp_br .cap h2,
.section_three .krn .cap h2,
.section_three .llca .cap h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

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

    .section_three .sp_br .cap h2,
    .section_three .krn .cap h2,
    .section_three .llca .cap h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.section_three .sp_br .cap p,
.section_three .krn .cap p,
.section_three .llca .cap p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

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

    .section_three .sp_br .cap p,
    .section_three .krn .cap p,
    .section_three .llca .cap p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_three .sp_br,
.section_three .llca {
    margin-top: 0px
}

.section_three .arnold {
    position: relative;
    overflow: hidden
}

.section_three .arnold img {
    max-width: 100%;
    min-width: none;
    min-height: none;
    max-height: 100%;
    height: 100%;
    width: 100%
}

.section_three .arnold .bottom-caption {
    position: absolute;
    bottom: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .arnold .bottom-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .section_three .arnold .bottom-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.section_three .arnold .bottom-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .section_three .arnold .bottom-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_three .coffee {
    position: relative;
    overflow: hidden
}

.section_three .coffee img {
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    max-height: none;
    height: auto;
    width: 100%
}

.section_three .coffee .top-caption {
    position: absolute;
    top: 15px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    left: 0;
    right: 0
}

.section_three .coffee .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px
}

@media only screen and (max-width: 992px) {
    .section_three .coffee .top-caption h2 {
        font: 2.5rem/1 "josefin_sansbold"
    }
}

.section_three .coffee .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff
}

@media only screen and (max-width: 992px) {
    .section_three .coffee .top-caption p {
        font: 2rem/1.5 "open_sansregular"
    }
}

.section_fourth {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.section_fourth .rating {
    width: 15%;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 1024px) {
    .section_fourth .rating {
        width: 50%
    }
}

@media only screen and (max-width: 768px) {
    .section_fourth .rating {
        height: 600px;
        width: 100%
    }
}

.section_fourth .rating img {
    min-height: 100%;
    max-height: none;
    min-width: 100%;
    max-width: none
}

.section_fourth .rating .center_cap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: left;
    margin: 0 auto;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 992px) {
    .section_fourth .rating .center_cap {
        text-align: center
    }
}

.section_fourth .rating .center_cap span {
    font: 1.125rem/1 "open_sansbold";
    color: #fff
}

@media only screen and (max-width: 768px) {
    .section_fourth .rating .center_cap span {
        font: 2.5rem/2.5 "open_sansbold"
    }
}

.section_fourth .rating .center_cap p {
    color: #fff;
    text-transform: uppercase;
    font: 1rem/2.5 "open_sansbold"
}

@media only screen and (max-width: 768px) {
    .section_fourth .rating .center_cap p {
        font: 2.5rem/2.5 "open_sansbold"
    }
}

.section_fourth .rating .center_cap p.green {
    font: 0.8125rem/2 "open_sansbold";
    color: #5fb35f
}

@media only screen and (max-width: 768px) {
    .section_fourth .rating .center_cap p.green {
        font: 2.5rem/2.5 "open_sansbold"
    }
}

.section_fourth .rating .center_cap ul.stars-rate {
    padding: 20px 0
}

.section_fourth .rating .center_cap ul.stars-rate li {
    display: inline-block;
    color: #fff
}

.section_fourth .user_reviews {
    width: 40%
}

@media only screen and (max-width: 1024px) {
    .section_fourth .user_reviews {
        width: 50%
    }
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews {
        width: 100%
    }
}

.section_fourth .user_reviews .people {
    height: 40%;
    padding: 40px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews .people {
        height: 30%
    }
}

.section_fourth .user_reviews .people h4 {
    font: 5rem/1 "josefin_sansbold";
    color: #e5e5e5;
    padding-left: 40px
}

.section_fourth .user_reviews .people h4 span {
    font: 1.5625rem/1 "josefin_sansbold";
    text-transform: uppercase;
    vertical-align: middle
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews .people h4 span {
        font: 3rem/1 "josefin_sansbold"
    }
}

.section_fourth .user_reviews .people h1 {
    color: #333;
    padding-left: 40px;
    font: 6.875rem/1 "josefin_sansbold_italic";
    margin-top: 10px
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews .people h1 {
        font: 8rem/1 "josefin_sansbold_italic"
    }
}

.section_fourth .user_reviews .people h1.purple {
    color: #663493;
    border-bottom: 6px solid #dad9da;
    max-width: 80%;
    padding-bottom: 10px;
    margin-top: 0
}

.section_fourth .user_reviews .Testimoni {
    background-color: #f6f6f6;
    padding: 100px 40px;
    height: 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews .Testimoni {
        padding: 40px 40px 100px
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
    font: 1.8rem/1 "josefin_sansbold";
    color: #333;
    padding-bottom: 20px
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
        font: 3.5rem/1 "josefin_sansbold"
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p {
    font: 1.0625rem/1.5 "open_sanslight_italic"
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text p {
        font: 3rem/1.5 "open_sanslight_italic"
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p.user {
    font: 1.25rem/1 "open_sanssemibold";
    color: #333;
    padding-top: 40px
}

@media only screen and (max-width: 768px) {
    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text p.user {
        font: 2rem/1 "open_sanssemibold"
    }
}

.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p a {
    font: 1.125rem/1 "open_sanssemibold";
    color: #b4b4b4;
    padding-bottom: 40px;
    text-decoration: none;
    padding-top: 10px;
    display: block
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li {
    display: inline-block;
    padding-right: 10px
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li button {
    font-size: 0;
    background-color: #663493;
    width: 50px;
    outline: none;
    border: 0 none;
    cursor: pointer;
    height: 4px
}

.section_fourth .user_reviews .Testimoni .remarks ul.slick-dots li.slick-active button {
    background-color: #5fb35f
}

.section_fourth .logos {
    width: 45%
}

@media only screen and (max-width: 1024px) {
    .section_fourth .logos {
        width: 100%;
        height: 100%
    }
}

.section_fourth .logos .img_fig {
    position: relative;
    height: 70%;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    .section_fourth .logos .img_fig {
        height: 20%;
        max-height: 300px
    }
}

.section_fourth .logos .img_fig img {
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    max-height: none
}

.section_fourth .logos .img_fig .fig_cap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 60%;
    width: 100%
}

.section_fourth .logos .img_fig .fig_cap p {
    color: #fff;
    font: 1.8125rem/1.5 "josefin_sansitalic"
}

@media only screen and (max-width: 768px) {
    .section_fourth .logos .img_fig .fig_cap p {
        font: 3rem/1.5 "josefin_sansitalic"
    }
}

.section_fourth .logos .logo_list {
    background-color: #443f48;
    padding: 20px;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 30%
}

@media only screen and (max-width: 768px) {
    .section_fourth .logos .logo_list {
        height: 60%
    }
}

.section_fourth .logos .logo_list ul.list_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 992px) {
    .section_fourth .logos .logo_list ul.list_logo {
        display: none
    }
}

.section_fourth .logos .logo_list ul.list_logo li {
    width: 25%
}

@media only screen and (max-width: 768px) {
    .section_fourth .logos .logo_list ul.list_logo li {
        width: 50%;
        padding: 20px 0
    }
}

@media only screen and (max-width: 540px) {
    .section_fourth .logos .logo_list ul.list_logo li {
        width: 100%
    }
}

.section_fourth .logos .logo_list ul.list_logo li a img {
    margin: 0 auto;
    max-width: 70%
}

.section_fourth .logos .logo_list ul.list_logo:first-of-type {
    border-bottom: 1px solid #57535b
}

.section_fourth .logos .logo_newlist {
    display: none
}

@media only screen and (max-width: 992px) {
    .section_fourth .logos .logo_newlist {
        display: block;
        width: 100%
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

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

.clearfix {
    clear: both
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
    vertical-align: middle
}

body {
    overflow-x: hidden
}

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

video {
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 992px) {
    video {
        height: 100%;
        width: 100%
    }
}

.commansection {
    overflow: hidden
}

.bannerimg {
    overflow: hidden
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-sizer,
.grid-item {
    width: 100%
}

@media only screen and (min-width: 768px) {

    .grid-sizer,
    .grid-item {
        width: 20%
    }
}

.grid-item--width2 {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .grid-item--width2 {
        width: 40%
    }
}

.grid-item--width3 {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .grid-item--width3 {
        width: 60%
    }
}

.grid-item--height2 {
    height: 200px
}

.grid-item--height3 {
    height: 260px
}

.grid-item--height4 {
    height: 360px
}

.height_auto {
    height: auto
}

.grid-item-half {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .grid-item-half {
        width: 25%
    }
}

.grid-item-width6 {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .grid-item-width6 {
        width: 40%
    }
}

.section-one.section.active h1 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
    .section-one.section.active h1 {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }
}

.section-one.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
    .section-one.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
}

.section-two.section.active h1 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
    .section-two.section.active h1 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    .package-1.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    .package-2.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    .package-3.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    .package-4.section.active h2 {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }

    .package-1.section.active p,
    .package-1.section.active .read_morebtn {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .package-2.section.active p,
    .package-2.section.active .read_morebtn {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .package-3.section.active p,
    .package-3.section.active .read_morebtn {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .package-4.section.active p,
    .package-4.section.active .read_morebtn {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    .package-1.section.active h3,
    .package-1.section.active .price-range-div ul {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUP;
    }

    .package-2.section.active h3,
    .package-2.section.active .price-range-div ul {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }

    .package-3.section.active h3,
    .package-3.section.active .price-range-div ul {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }

    .package-4.section.active h3,
    .package-4.section.active .price-range-div ul {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }

    /*	.services-page-listing.active h3 {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
.services-page-listing.active p {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}*/
}

a.cus_btn.white:hover,
a.cus_btn.white:focus {
    background: #fff;
    color: #663493;
}


/*.services-page-listing.first-section-services .inner_sec.opposite .img_wrap {
    width: calc(47% + 105px);
}

.services-page-listing.first-section-services .inner_sec.opposite .cont {
    width: 53%;
}*/

.cont-img {
    margin-bottom: 25px;
}

.com_heading.what-wedo-heading {
    font: 3.8rem/1.1 "josefin_sansbold_italic";
    padding: 0px 0 40px 0;
}


/*.services-page-listing.active p {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.services-page-listing.active h3 {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.services-page-listing h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
*/

.package-1.section.active p,
.package-1.section.active .read_morebtn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-2.section.active p,
.package-2.section.active .read_morebtn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-3.section.active p,
.package-3.section.active .read_morebtn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-4.section.active p,
.package-4.section.active .read_morebtn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-1.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-2.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-3.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-4.section.active h2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-1.section.active h3,
.package-1.section.active .price-range-div ul {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-2.section.active h3,
.package-2.section.active .price-range-div ul {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-3.section.active h3,
.package-3.section.active .price-range-div ul {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-4.section.active h3,
.package-4.section.active .price-range-div ul {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section-two.section.active h1.zoom_title {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
    .section-two.section.active h1.zoom_title {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    /*.services-page-listing.active h5 {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}*/
    .package-1.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }

    .package-2.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }

    .package-3.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }

    .package-4.section.active .price-range-div h5 {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp;
    }
}

.package-1.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-2.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-3.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.package-4.section.active .price-range-div h5 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.section-two.section.active p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
    .section-two.section.active p {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
}

.section-two.section.active .read_morebtn a {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media only screen and (min-width: 1023px) {
    .section-two.section.active .read_morebtn a {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
}

.section_three img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all 3s;
    transition: all 3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media only screen and (min-width: 1023px) {
    .section_three img:hover {
        -webkit-transform: scale(1.09);
        transform: scale(1.09);
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-animation-duration: 4s;
        animation-duration: 5s infinite
    }
}

.remark.section.active .logos p {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {
    .remark.section.active .logos p {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
}

.remark.section.active h1,
.remark.section.active h4 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (min-width: 1023px) {

    .remark.section.active h1,
    .remark.section.active h4 {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }
}

@font-face {
    font-family: 'brown_proregular';
    src: url("../fonts/shinntype_-_brownpro-webfont.html");
    src: url("../fonts/shinntype_-_brownpro-webfontd41d.html?#iefix") format("embedded-opentype"), url("../fonts/shinntype_-_brownpro-webfont-2.html") format("woff2"), url("../fonts/shinntype_-_brownpro-webfont-3.html") format("woff"), url("../fonts/shinntype_-_brownpro-webfont-4.html") format("truetype"), url("../fonts/shinntype_-_brownpro-webfont-5.html#brown_proregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'brown_probold';
    src: url("../fonts/shinntype_-_brownpro-bold-webfont.html");
    src: url("../fonts/shinntype_-_brownpro-bold-webfontd41d.html?#iefix") format("embedded-opentype"), url("../fonts/shinnty\a 		.pe_-_brownpro-bold-webfont.woff2") format("woff2"), url("../fonts/shinntype_-_brownpro-bold-webfont-2.html") format("woff"), url("../fonts/shinntype_-_brownpro-bold-webfont-3.html") format("truetype"), url("../fonts/shinntype_-_brownpro-bold-webfont-4.html#brown_probold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'brown_prolight';
    src: url("../fonts/shinntype_-_brownpro-light-webfont.html");
    src: url("../fonts/shinntype_-_brownpro-light-webfontd41d.html?#iefix") format("embedded-opentype"), url("../fonts/shinntype_-_brownpro-light-webfont-2.html") format("woff2"), url("../fonts/shinntype_-_brownpro-light-webfont-3.html") format("woff"), url("../fonts/shinntype_-_brownpro-light-webfont-4.html") format("truetype"), url("../fonts/shinntype_-_brownpro-light-webfont-5.html#brown_prolight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'jaguarjcbook';
    src: url("../fonts/jagw____-webfont.html");
    src: url("../fonts/jagw____-webfontd41d.html?#iefix") format("embedded-opentype"), url("../fonts/jagw____-webfont-2.html") format("woff2"), url("../fonts/jagw____-webfont-3.html") format("woff"), url("../fonts/jagw____-webfont-4.html") format("truetype"), url("../fonts/jagw____-webfont-5.html#jaguarjcbook") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sansbold';
    src: url("../fonts/josefinsans-bold-webfont.eot");
    src: url("../fonts/josefinsans-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-bold-webfont.woff2") format("woff2"), url("../fonts/josefinsans-bold-webfont.woff") format("woff"), url("../fonts/josefinsans-bold-webfont.ttf") format("truetype"), url("../fonts/josefinsans-bold-webfont.svg#josefin_sansbold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sansbold_italic';
    src: url("../fonts/josefinsans-bolditalic-webfont.eot");
    src: url("../fonts/josefinsans-bolditalic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-bolditalic-webfont.woff2") format("woff2"), url("../fonts/josefinsans-bolditalic-webfont.woff") format("woff"), url("../fonts/josefinsans-bolditalic-webfont.ttf") format("truetype"), url("../fonts/josefinsans-bolditalic-webfont.svg#josefin_sansbold_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sansitalic';
    src: url("../fonts/josefinsans-italic-webfont.eot");
    src: url("../fonts/josefinsans-italic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-italic-webfont.woff2") format("woff2"), url("../fonts/josefinsans-italic-webfont.woff") format("woff"), url("../fonts/josefinsans-italic-webfont.ttf") format("truetype"), url("../fonts/josefinsans-italic-webfont.svg#josefin_sansitalic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sanslight';
    src: url("../fonts/josefinsans-light-webfont.eot");
    src: url("../fonts/josefinsans-light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-light-webfont.woff2") format("woff2"), url("../fonts/josefinsans-light-webfont.woff") format("woff"), url("../fonts/josefinsans-light-webfont.ttf") format("truetype"), url("../fonts/josefinsans-light-webfont.svg#josefin_sanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sanslight_italic';
    src: url("../fonts/josefinsans-lightitalic-webfont.eot");
    src: url("../fonts/josefinsans-lightitalic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-lightitalic-webfont.woff2") format("woff2"), url("../fonts/josefinsans-lightitalic-webfont.woff") format("woff"), url("../fonts/josefinsans-lightitalic-webfont.ttf") format("truetype"), url("../fonts/josefinsans-lightitalic-webfont.svg#josefin_sanslight_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sansregular';
    src: url("../fonts/josefinsans-regular-webfont.eot");
    src: url("../fonts/josefinsans-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-regular-webfont.woff2") format("woff2"), url("../fonts/josefinsans-regular-webfont.woff") format("woff"), url("../fonts/josefinsans-regular-webfont.ttf") format("truetype"), url("../fonts/josefinsans-regular-webfont.svg#josefin_sansregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sanssemibold';
    src: url("../fonts/josefinsans-semibold-webfont.eot");
    src: url("../fonts/josefinsans-semibold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-semibold-webfont.woff2") format("woff2"), url("../fonts/josefinsans-semibold-webfont.woff") format("woff"), url("../fonts/josefinsans-semibold-webfont.ttf") format("truetype"), url("../fonts/josefinsans-semibold-webfont.svg#josefin_sanssemibold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sanssemibold_italic';
    src: url("../fonts/josefinsans-semibolditalic-webfont.eot");
    src: url("../fonts/josefinsans-semibolditalic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/josefinsans-semibolditalic-webfont.woff") format("woff"), url("../fonts/josefinsans-semibolditalic-webfont.ttf") format("truetype"), url("../fonts/josefinsans-semibolditalic-webfont.svg#josefin_sanssemibold_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sansthin';
    src: url("../fonts/josefinsans-thin-webfont.eot");
    src: url("../fonts/josefinsans-thin-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-thin-webfont.woff2") format("woff2"), url("../fonts/josefinsans-thin-webfont.woff") format("woff"), url("../fonts/josefinsans-thin-webfont.ttf") format("truetype"), url("../fonts/josefinsans-thin-webfont.svg#josefin_sansthin") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'josefin_sansthin_italic';
    src: url("../fonts/josefinsans-thinitalic-webfont.eot");
    src: url("../fonts/josefinsans-thinitalic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/josefinsans-thinitalic-webfont.woff2") format("woff2"), url("../fonts/josefinsans-thinitalic-webfont.woff") format("woff"), url("../fonts/josefinsans-thinitalic-webfont.ttf") format("truetype"), url("../fonts/josefinsans-thinitalic-webfont.svg#josefin_sansthin_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sansbold';
    src: url("../fonts/opensans-boldopenSans.eot");
    src: url("../fonts/opensans-boldopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-boldopenSans.woff2") format("woff2"), url("../fonts/opensans-boldopenSans.woff") format("woff"), url("../fonts/opensans-boldopenSans.ttf") format("truetype"), url("../fonts/opensans-boldopenSans.svg#open_sansbold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url("../fonts/opensans-bolditalicopenSans.eot");
    src: url("../fonts/opensans-bolditalicopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bolditalicopenSans.woff2") format("woff2"), url("../fonts/opensans-bolditalicopenSans.woff") format("woff"), url("../fonts/opensans-bolditalicopenSans.ttf") format("truetype"), url("../fonts/opensans-bolditalicopenSans.svg#open_sansbold_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url("../fonts/opensans-extraboldopenSans.eot");
    src: url("../fonts/opensans-extraboldopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-extraboldopenSans.woff2") format("woff2"), url("../fonts/opensans-extraboldopenSans.woff") format("woff"), url("../fonts/opensans-extraboldopenSans.ttf") format("truetype"), url("../fonts/opensans-extraboldopenSans.svg#open_sansextrabold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url("../fonts/opensans-extrabolditalicopenSans.eot");
    src: url("../fonts/opensans-extrabolditalicopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-extrabolditalicopenSans.woff2") format("woff2"), url("../fonts/opensans-extrabolditalicopenSans.woff") format("woff"), url("../fonts/opensans-extrabolditalicopenSans.ttf") format("truetype"), url("../fonts/opensans-extrabolditalicopenSans.svg#open_sansextrabold_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sansitalic';
    src: url("../fonts/opensans-italicopenSans.eot");
    src: url("../fonts/opensans-italicopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-italicopenSans.woff2") format("woff2"), url("../fonts/opensans-italicopenSans.woff") format("woff"), url("../fonts/opensans-italicopenSans.ttf") format("truetype"), url("../fonts/opensans-italicopenSans.svg#open_sansitalic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sanslight';
    src: url("../fonts/opensans-lightopenSans.eot");
    src: url("../fonts/opensans-lightopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-lightopenSans.woff2") format("woff2"), url("../fonts/opensans-lightopenSans.woff") format("woff"), url("../fonts/opensans-lightopenSans.ttf") format("truetype"), url("../fonts/opensans-lightopenSans.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url("../fonts/opensans-lightitalicopenSans.eot");
    src: url("../fonts/opensans-lightitalicopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-lightitalicopenSans.woff2") format("woff2"), url("../fonts/opensans-lightitalicopenSans.woff") format("woff"), url("../fonts/opensans-lightitalicopenSans.ttf") format("truetype"), url("../fonts/opensans-lightitalicopenSans.svg#open_sanslight_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sansregular';
    src: url("../fonts/opensans-regularopenSans.eot");
    src: url("../fonts/opensans-regularopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regularopenSans.woff2") format("woff2"), url("../fonts/opensans-regularopenSans.woff") format("woff"), url("../fonts/opensans-regularopenSans.ttf") format("truetype"), url("../fonts/opensans-regularopenSans.svg#open_sansregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url("../fonts/opensans-semiboldopenSans.eot");
    src: url("../fonts/opensans-semiboldopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semiboldopenSans.woff2") format("woff2"), url("../fonts/opensans-semiboldopenSans.woff") format("woff"), url("../fonts/opensans-semiboldopenSans.ttf") format("truetype"), url("../fonts/opensans-semiboldopenSans.svg#open_sanssemibold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url("../fonts/opensans-semibolditalicopenSans.eot");
    src: url("../fonts/opensans-semibolditalicopenSansd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibolditalicopenSans.woff2") format("woff2"), url("../fonts/opensans-semibolditalicopenSans.woff") format("woff"), url("../fonts/opensans-semibolditalicopenSans.ttf") format("truetype"), url("../fonts/opensans-semibolditalicopenSans.svg#open_sanssemibold_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

footer {
    background-color: #333
}

footer .container {
    margin: 0 10%;
    padding: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .container .first_grid,
footer .container .second_grid,
footer .container .third_grid {
    width: 31.5%
}

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

    footer .container .first_grid,
    footer .container .second_grid,
    footer .container .third_grid {
        width: 50%
    }
}

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

    footer .container .first_grid,
    footer .container .second_grid,
    footer .container .third_grid {
        width: 100%
    }
}

footer .container .fourth_grid {
    width: 10%
}

footer .container .first_grid p {
    color: #c6c6c6;
    padding: 20px 0;
    max-width: 80%;
    font: 0.875rem/1.5 "open_sansregular"
}

@media only screen and (max-width: 768px) {
    footer .container .first_grid p {
        font: 2.4rem/1.5 "open_sansregular";
        max-width: 100%
    }
}

footer .container .first_grid p.btn a {
    font: 0.75rem/1 "josefin_sansbold";
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 4px;
    border: 2px solid #fff;
    padding: 12px 16px 10px;
    -webkit-transition: all 5s;
    transition: all 5s;
    vertical-align: top
}

@media only screen and (max-width: 992px) {
    footer .container .first_grid p.btn a {
        letter-spacing: 0
    }
}

footer .container .first_grid p.btn a:hover {
    background-color: #663493;
    border: 2px solid transparent
}

footer .container .second_grid h2 {
    font: 1.5rem/1 "josefin_sansbold";
    color: #fff;
    padding-bottom: 60px
}

@media only screen and (max-width: 768px) {
    footer .container .second_grid h2 {
        padding-bottom: 0;
        margin: 20px 0;
        font: 4rem/1 "josefin_sansbold"
    }
}

footer .container .second_grid ul.quick_list li {
    padding-bottom: 20px;
    float: left;
    width: 50%
}

footer .container .second_grid ul.quick_list li a {
    text-decoration: none;
    color: #c6c6c6;
    -webkit-transition: all 2s;
    transition: all 2s;
    font: 0.875rem/1 "open_sansregular"
}

@media only screen and (max-width: 768px) {
    footer .container .second_grid ul.quick_list li a {
        font: 2.5rem/1 "open_sansregular"
    }
}

footer .container .second_grid ul.quick_list li a:hover {
    color: #c27dff
}

footer .container .third_grid h2 {
    color: #fff;
    padding-bottom: 60px;
    font: 1.5rem/1 "josefin_sansbold"
}

@media only screen and (max-width: 768px) {
    footer .container .third_grid h2 {
        padding-bottom: 0;
        font: 4rem/1 "josefin_sansbold";
        margin: 20px 0
    }
}

footer .container .third_grid ul.contact_us li {
    padding-bottom: 20px
}

footer .container .third_grid ul.contact_us li p {
    font: 0.875rem/2 "open_sanssemibold";
    color: #c6c6c6;
    display: inline-block
}

@media only screen and (max-width: 768px) {
    footer .container .third_grid ul.contact_us li p {
        font: 2.5rem/2 "open_sansregular"
    }
}

footer .container .third_grid ul.contact_us li p span {
    color: #d6abfd
}

footer .container .third_grid ul.contact_us li i {
    color: #c6c6c6;
    padding-right: 10px
}

footer .container .third_grid ul.contact_us li a {
    color: #c6c6c6;
    text-decoration: none;
    font: 0.875rem/1 "open_sansregular"
}

@media only screen and (max-width: 768px) {
    footer .container .third_grid ul.contact_us li a {
        font: 2.5rem/1 "open_sansregular"
    }
}

footer .container .social_media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 5%
}

footer .container .social_media ul.social li {
    padding: 10px 0
}

footer .container .social_media ul.social li a {
    background: #8b8b8b;
    height: 40px;
    width: 40px;
    display: block;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 5s;
    transition: all 5s
}

footer .container .social_media ul.social li a:hover {
    background-color: #663493
}

footer .container .social_media ul.social li a:hover i {
    color: #fff
}

footer .container .social_media ul.social li a i {
    line-height: 2.2;
    color: #333;
    -webkit-transition: all 5s;
    transition: all 5s;
    font-size: 20px
}

footer .copyright {
    border-top: 1px solid #555555;
    padding: 20px 0;
    text-align: center
}

footer .copyright p {
    font: 0.75rem/1 "open_sansregular";
    color: #858585
}

body {
    font-family: "josefin_sansregular";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html,
body {
    font-size: 100%
}

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

    html,
    body {
        font-size: 90%
    }
}

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

    html,
    body {
        font-size: 80%
    }
}

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

    html,
    body {
        font-size: 70%
    }
}

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

    html,
    body {
        font-size: 60%
    }
}

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

    html,
    body {
        font-size: 50%
    }
}

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

    html,
    body {
        font-size: 30%
    }
}

@media only screen and (max-width: 768px) {
    .commansection .bannerimg img {
        max-width: none;
        min-width: 100%;
        max-height: none;
        min-height: 100%
    }
}

.desk_port {
    display: block
}

@media only screen and (max-width: 992px) {
    .desk_port {
        display: none
    }
}


/*# sourceMappingURL=global.css.map */

body {
    -webkit-text-size-adjust: 100%;
    font: 16px/1.4 "open_sansregular";
    color: #666;
}

.section_fourth .logos .logo_newlist .slick-slide img {
    margin: 0 auto;
    max-width: 80%;
}

.section_fourth .logos .logo_newlist ul.slick-dots {
    text-align: center;
    margin-top: 20px;
}

.section_fourth .logos .logo_newlist ul.slick-dots li {
    padding: 5px;
    display: inline-block;
}

.section_fourth .logos .logo_newlist ul.slick-dots li button {
    font-size: 0;
    background: #b4afab;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    outline: none;
    padding: 0;
    cursor: pointer;
}

.section_fourth .logos .logo_newlist ul.slick-dots li.slick-active button {
    border: 1px solid #fff;
    background: #fff;
}

.section_fourth .logos .logo_list {
    padding: 0;
    height: auto;
}

.left-logo a img {
    width: 175px;
}

header.main-header .topheader .right-sec .left-nav ul li a {
    position: relative;
    transition: all 0.5s;
    z-index: 1;
}

header.main-header .topheader .right-sec .left-nav ul li a:hover {
    color: #FFF;
}

header.main-header .topheader .right-sec .left-nav ul li a:before {
    content: "";
    position: absolute;
    left: 6px;
    top: -13px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(102, 52, 147, 0.58);
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
}

header.main-header .topheader .right-sec .left-nav ul li a:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 14px;
    width: 30px;
    height: 2px;
    background: #FFF;
    z-index: -1;
    opacity: 0;
    transition: all 0.5s;
}

header.main-header .topheader .right-sec .left-nav ul li a:hover:before {
    opacity: 1;
}

header.main-header .topheader .right-sec .left-nav ul li a:hover:after {
    opacity: 1;
}

header.main-header .topheader .right-sec .left-nav ul li.active a:before {
    opacity: 1;
}

header.main-header .topheader .right-sec .left-nav ul li.active a:after {
    opacity: 1;
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
    display: inline-block;
}

.commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1:after {
    width: 100000px;
    left: inherit;
    right: -40px;
}

.banp {
    width: 100%;
    max-width: 1000px;
}

.banp p {
    margin-bottom: 20px;
}

.banp p:last-of-type {
    margin: 0;
}

.commansection .banner-content .banner-content-wrapper .banertextone h1 span.sm_zoom {
    margin-top: 0;
}

.bannerimg {
    background: #000;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* .bannerimg video{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:calc(100% + 5px); height:100%;} */

.bannerimg img {
    opacity: 0.8;
}

.padd_sec {
    padding: 80px 0;
}

.wrapper {
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
}

.com_heading {
    color: #333333;
    font: 5rem/1.1 "josefin_sansbold_italic";
    text-transform: uppercase;
    letter-spacing: -2px;
}

.established {
    position: relative;
}

.established .cont_sec {
    width: 60%;
}

.smallertext p {
    text-transform: capitalize;
    font: 14px/1.5 "open_sansregular";
    color: #666;
}

.smallertext {
    padding: 10px 0;
}

.cus_btn {
    font: 0.95rem/1 "josefin_sansbold";
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 1px;
    border: 2px solid #333;
    padding: 18px 26px 16px;
    -webkit-transition: all 5s;
    transition: all 5s;
}

.cus_btn:hover {
    background-color: #663493;
    color: #FFF;
    border: 2px solid transparent;
}

.established .cus_btn {
    margin-top: 40px;
}

.established .img_sec {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: calc(100% + 400px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.experienced {
    position: relative;
    z-index: 1;
}

.experienced .img_sec {
    width: 65%;
}

.experienced .img_sec img {
    width: 100%;
}

.experienced .cont_sec {
    width: 60%;
    background: #663493;
    padding: 55px 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.experienced .cont_sec p {
    color: #FFF;
}

.com_heading.white {
    color: #FFF;
}

.experienced ul {
    width: 100%;
    display: inline-block;
    margin-top: 40px;
}

.experienced ul li {
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    padding: 0 30px;
    width: 33.33%;
}

.experienced ul li:first-child {
    padding-left: 0;
}

.experienced ul li:last-child {
    border-right: 0;
}

.how_work {
    position: relative;
}

.how_work .cont_sec {
    width: 50%;
    padding: 0 50px 0 0;
}

.how_work_h {
    font: 2rem "josefin_sansbold";
    color: #333;
    padding-left: 100px;
    position: relative;
    color: #333;
    display: flex;
    align-items: center;
}

.how_work_h:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    width: 80px;
    height: 2px;
    background: #333;
    transform: translateY(-50%);
}

.how_work_h span {
    font: 10rem/1 "josefin_sansbold_italic";
    color: #f0f0f0;
    position: relative;
    z-index: -1;
    margin-left: -50px;
}

.ulplan {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.ulplan li {
    padding: 0 0 15px 30px;
    font: 16px/1.5 "open_sansregular";
    color: #666;
    background: url(../images/check.png) no-repeat left top 3px;
}

.plan_p {
    font: 16px/1.3 "open_sanssemibold";
    color: #666;
    margin-top: 30px;
}

.deposit {
    text-align: right;
    margin-top: 80px;
}

.deposit strong {
    font: 14px/1.3 "open_sansbold";
    color: #333;
    display: block;
}

.deposit span {
    font: 14px/1.3 "open_sansregular";
    color: #666;
}

.how_work .img_wrap {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.how_work.opposite .img_wrap {
    right: inherit;
    left: 0;
}

.how_work.opposite .wrapper {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.how_work.opposite .cont_sec {
    padding: 0 0 0 50px;
}

.ulplan.double {
    display: flex;
    flex-wrap: wrap;
}

.ulplan.double li {
    width: 50%;
    padding-right: 20px;
}

.develop .plan_p {
    margin-top: 20px;
}

.grow {
    background: url(../images/grow.jpg) no-repeat center center / cover;
}

.grow .wrapper {
    text-align: center;
}

.grow .cont_sec {
    width: 900px;
    max-width: 100%;
    display: inline-block;
    text-align: left;
}

.grow .left_side {
    background: rgba(102, 52, 147, 0.9);
    width: 50%;
    padding: 40px 40px 60px 40px;
    float: left;
}

.grow .left_side .how_work_h {
    color: #FFF;
    z-index: 1;
}

.grow .left_side .how_work_h:before {
    background: #FFF;
}

.grow .left_side .how_work_h span {
    color: #60308a;
}

.grow .left_side .ulplan {
    margin: 0;
}

.grow .left_side .ulplan li {
    color: #fff;
    background-image: url(../images/check_white.png);
}

.grow .right_side {
    background: url(../images/grow_inner.jpg) no-repeat center center / cover;
    float: left;
    width: 50%;
    padding: 40px;
    position: relative;
    padding-bottom: 130px;
    margin-top: 24%;
}

.grow .right_side p {
    font: 21px/1.3 "open_sanssemibold";
    color: #FFF;
}

.grow .right_side h2 {
    font: 7rem/1 "josefin_sansbold_italic";
    color: rgba(255, 255, 255, 0.15);
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.ban_cont {
    position: absolute;
    z-index: 9;
    bottom: 50px;
    left: 0;
    color: #fff;
    width: 100%;
}

.section-two.commansection.say-what-home .banner-content {
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none;
    color: #fff;
    bottom: 20px;
}

.section-two.commansection.say-what-home .banner-content .banner-content-wrapper .read_morebtn {
    height: 100px;
}

.ban_cont .smallertext {
    width: 100%;
    max-width: 1000px;
}

.ban_cont .smallertext p {
    color: #FFF;
    margin-bottom: 20px;
}

.ban_cont .smallertext p:last-of-type {
    margin: 0;
}

.ban_sec:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.list_abt {
    background: #453f49;
}

.list_abt .inner_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -80px;
    position: relative;
}

.list_abt .inner_sec .img_wrap {
    width: 40%;
    transition: all 0.8s;
}

.list_abt .inner_sec .img_wrap img {
    width: 100%;
}

.list_abt .inner_sec .cont {
    width: 60%;
    transition: all 0.8s;
    padding: 50px 50px 80px 50px;
    position: relative;
    z-index: 1;
}

.list_abt .inner_sec .cont h5 {
    font: 16px/1 "josefin_sanssemibold";
    color: #FFF;
    display: inline-block;
    position: relative;
}

.list_abt .inner_sec .cont h5:before {
    content: "";
    position: absolute;
    right: calc(100% + 10px);
    top: 5px;
    width: 50px;
    height: 2px;
    background: #FFF;
}

.list_abt .inner_sec .cont h4 {
    font: 18px/1 "josefin_sanssemibold";
    color: #c0acff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.list_abt .inner_sec .cont h3 {
    font: 4rem/1 "josefin_sanssemibold";
    color: #FFF;
    margin-bottom: 20px;
}

.list_abt .inner_sec .cont p {
    font: 16px/1.5 "open_sansregular";
    color: #FFF;
    width: 100%;
    max-width: 500px;
    display: inline-block;
}

img.footer_logo {
    height: 120px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    img.footer_logo {
        height: 120px;
    }
}

.list_abt .inner_sec .cont .read_morebtn {
    margin-top: 40px;
    margin-bottom: 10px;
}

.cus_btn.white {
    color: #FFF;
    border-color: #FFF;
}

.list_abt .inner_sec.opposite .img_wrap {
    order: 2;
}

.list_abt .inner_sec.opposite .cont {
    text-align: right;
}

header.main-header .topheader {
    display: none;
}

.fp-viewing-0 .main-header .topheader,
.fp-viewing-firstPage .main-header .topheader {
    display: flex;
}

.fp-viewing-0 #menu,
.fp-viewing-firstPage #menu {
    display: none;
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .img_wrap,
.fp-viewing-5 .list_abt .inner_sec.sec2 .img_wrap,
.fp-viewing-6 .list_abt .inner_sec.sec3 .img_wrap {
    width: 60%;
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .cont,
.fp-viewing-5 .list_abt .inner_sec.sec2 .cont,
.fp-viewing-6 .list_abt .inner_sec.sec3 .cont {
    width: 40%;
    text-align: right;
}

.fp-viewing-5 .list_abt .inner_sec.sec1 .img_wrap,
.fp-viewing-6 .list_abt .inner_sec.sec1 .img_wrap {
    width: 40%;
}

.fp-viewing-5 .list_abt .inner_sec.sec1 .cont,
.fp-viewing-6 .list_abt .inner_sec.sec1 .cont {
    width: 60%;
}

.fp-viewing-5 .list_abt .inner_sec.sec2 .cont {
    text-align: left;
}

.fp-viewing-5 .list_abt .inner_sec.sec2 .cont h3 {
    font: 6rem/1 "josefin_sanssemibold";
    white-space: nowrap;
    direction: ltl;
}

.fp-viewing-6 .list_abt .inner_sec.sec3 .cont h3 {
    font: 6rem/1 "josefin_sanssemibold";
    white-space: nowrap;
    direction: rtl;
}

.fp-viewing-4 .list_abt .inner_sec.sec1 .cont h3 {
    font: 6rem/1 "josefin_sanssemibold";
    white-space: nowrap;
    direction: rtl;
}

.list_abt .inner_sec.sec3 {
    z-index: 1;
    margin-bottom: 0;
}

.list_abt .inner_sec.sec2 {
    z-index: 2;
}

.list_abt .inner_sec.sec1 {
    z-index: 3;
}

.list_abt .inner_sec.sec1 .img_wrap {
    width: 60%;
}

.list_abt .inner_sec.sec1 .cont {
    width: 40%;
}

ul.test_slide {
    list-style: none;
    padding: 0 100px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    min-height: 700px;
}

ul.test_slide li {
    width: 16.666%;
    height: 100vh;
    min-height: 700px;
    float: left;
    border-left: 1px #d3d3d3 solid;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0 10px;
    transition: all 0.8s;
}

ul.test_slide li:first-child {
    border-right: 1px #d3d3d3 solid;
}

ul.test_slide li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    opacity: 0.95;
    width: 100%;
    height: 100%;
    transition: all 0.8s;
}

ul.test_slide li .cont {
    width: 100%;
    height: calc(100% - 250px);
    margin-top: 250px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center;
}

ul.test_slide li .cont img {
    max-width: 140px;
    transition: all 0.8s;
}

ul.test_slide li .cont p {
    font: 13px/1.5 "open_sanslight_italic";
    color: #333;
    max-height: 0;
    overflow: hidden;
    transition: all 0.8s;
}

ul.test_slide li .cont .read_morebtn {
    max-height: 0;
    overflow: hidden;
    transition: all 0.8s;
}

ul.test_slide li .cont .read_morebtn .cus_btn {
    transition: all 0.8s;
}

ul.test_slide li:hover:before {
    background: #394095;
    opacity: 0.9;
}

ul.test_slide li:hover img {
    filter: invert(100%);
}

ul.test_slide li:hover .cont p {
    max-height: 600px;
    color: #FFF;
    padding-top: 25px;
}

ul.test_slide li:hover .cont .read_morebtn {
    max-height: 65px;
    margin-top: 30px;
}

ul.test_slide li:hover .cont .read_morebtn .cus_btn {
    color: #FFF;
    border-color: #FFF;
}

ul.test_slide .slick-arrow {
    position: absolute;
    top: 50%;
    left: 34px;
    transform: translateY(-50%);
    font-size: 0;
    border: 0;
    cursor: pointer;
    opacity: 0.4;
}

ul.test_slide .slick-prev.slick-arrow {
    background: url(../images/testi_left.png) no-repeat left top;
    width: 19px;
    height: 65px;
}

ul.test_slide .slick-next.slick-arrow {
    left: inherit;
    right: 34px;
    background: url(../images/testi_right.png) no-repeat left top;
    width: 19px;
    height: 65px;
}

.client_head {
    position: absolute;
    left: 0;
    top: 90px;
    z-index: 2;
    width: 100%;
    pointer-events: none;
}

.client_head .smallertext {
    width: 100%;
    max-width: 470px;
    padding: 0;
}

.client_head .smallertext p {
    color: #000;
}

.blog_cont {
    display: flex;
    flex-wrap: wrap;
}

.blog .left_filter {
    width: 400px;
    padding: 30px 30px 0 30px;
}

.blog .left_filter h4 {
    text-align: center;
    font: 20px/1.3 "josefin_sanssemibold";
    letter-spacing: 2px;
    color: #333;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}

.blog_filter {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.blog_filter li {
    font: 16px/1 "open_sansregular";
    padding: 18px 0;
    border-bottom: 1px #e1e1e1 solid;
}

.blog_filter li a {
    color: #666;
    text-decoration: none;
}

.blog_filter li a:hover {
    color: #663493;
}

.subscribe {
    background: #0a0a0a;
    padding: 30px 40px;
}

.subscribe h5 {
    font: 14px/1.3 "josefin_sanssemibold";
    letter-spacing: 1px;
    color: #FFF;
    text-align: center;
}

.inputfield {
    font: 14px/1.3 "josefin_sansbold";
    width: 100%;
    display: inline-block;
    background: #f4f4f5;
    color: #000;
    text-transform: none;
    letter-spacing: 1.3px;
    padding: 16px 20px;
    border: 0;
}

.inputfield::-webkit-input-placeholder {
    font: 14px/1.3 "josefin_sansbold";
}

.inputfield::-moz-placeholder {
    font: 14px/1.3 "josefin_sansbold";
}

.inputfield:-ms-input-placeholder {
    font: 14px/1.3 "josefin_sansbold";
}

.inputfield:-moz-placeholder {
    font: 14px/1.3 "josefin_sansbold";
}

.subscribe .inputfield {
    text-align: center;
    margin: 15px 0;
}

.cus_btn.purple {
    background: #672b86;
    border-color: #672b86;
    color: #FFF;
}

.subscribe .cus_btn.purple {
    width: 100%;
    text-align: center;
}

.cont_right {
    width: calc(100% - 400px);
}

.blog_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.blog_box li {
    width: 50%;
    padding-top: 33%;
    position: relative;
    overflow: hidden;
}

.blog_box li .img_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s;
}

.blog_box li .img_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    transition: all 0.5s;
}

.blog_box li .cont_wrap {
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    padding: 0 40px;
    z-index: 1;
    text-align: center;
    transition: all 0.5s;
}

.blog_box li .cont_wrap h3 {
    font: 1.8rem/1.3 "josefin_sanssemibold";
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.blog_box li .cont_wrap span {
    font: 14px/1 "open_sansregular";
    color: #FFF;
    display: block;
}

.blog_box li .cont_wrap .cus_btn {
    font: 0.75rem/1 "josefin_sanssemibold";
    margin-top: 20px;
    padding: 13px 30px 11px 30px;
    display: none;
    transition: all 0.5s;
}

.blog_box li:hover .img_wrap:after {
    height: 100%;
    background: rgba(102, 52, 147, 0.9);
}

.blog_box li:hover .cont_wrap {
    bottom: 50%;
    transform: translateY(50%);
}

.blog_box li:hover .cont_wrap .cus_btn {
    display: inline-block;
}

.pagination {
    padding: 60px 0 80px 0;
}

.pagination ul li {
    display: inline-block;
    font: 18px/1 "open_sansregular";
    margin-right: 5px;
    vertical-align: top;
}

.pagination ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px #a7a7a7 solid;
    color: #666;
    text-decoration: none;
    transition: all 0.5s;
}

.pagination ul li a:hover {
    background: #672b86;
    border-color: #672b86;
    color: #FFF;
}

.pagination ul li.active a {
    background: #672b86;
    border-color: #672b86;
    color: #FFF;
}

.pagination ul li a:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.blog_detail .left_filter {
    border-right: 1px #e1e1e1 solid;
}

.blog_detail .cont_right {
    padding: 50px;
}

.blogbig_img {
    width: 100%;
    padding-top: 47%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.com_heading2 {
    color: #333333;
    font: 4rem/1.2 "josefin_sansbold_italic";
    text-transform: uppercase;
    letter-spacing: -2px;
}

.blog_det .com_heading2 {
    margin-top: 30px;
}

.blog_post {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.blog_post span {
    font-size: 18px;
}

.blog_social {
    display: inline-block;
}

.blog_social a {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 36px;
    height: 36px;
    border: 1px #666 solid;
    border-radius: 50%;
    text-align: center;
    color: #666;
    text-decoration: none;
    transition: all 0.5s;
    margin-left: 8px;
}

.blog_social a:hover {
    background: #672b86;
    color: #FFF;
    border-color: #672b86;
}

.blog_det p {
    margin-bottom: 20px;
}

.blog_det h3 {
    font: 1.8rem/1.3 "josefin_sanssemibold";
    color: #333;
    margin: 15px 0 10px 0;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
}

.contact .wrapper {
    display: flex;
    flex-wrap: wrap;
}

.contact .left_side {
    width: 380px;
}

.contact .left_side h3 {
    font: 3.3rem/1.3 "josefin_sanssemibold_italic";
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact .left_side h3 span {
    color: #7d1ed2;
}

.contact .left_side .add {
    border: 1px solid #d2d2dd;
    padding: 10px 10px 16px 16px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    max-width: 340px;
}

.contact .left_side .add:after {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    height: 5px;
    border: 1px solid #d2d2dd;
    bottom: -6px;
    border-top: 0;
    left: 2px;
    width: 98%;
}

.contact .left_side .add:before {
    position: absolute;
    content: "";
    display: block;
    clear: both;
    height: 5px;
    border: 1px solid #d2d2dd;
    bottom: -12px;
    border-top: 0;
    left: 4px;
    width: 96%;
}

.contact .left_side .add h5 {
    font: 22px "open_sanssemibold";
    color: #333333;
    text-transform: uppercase;
    text-align: left;
}

.contact .left_side .add ul {
    display: inline-block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: left;
}

.contact .left_side .add ul li {
    font: 14px/1 "open_sansregular";
    color: #555555;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.contact .left_side .add ul li a {
    color: #555;
    text-decoration: none;
}

.contact .left_side .add ul li img {
    margin-right: 15px;
}

.contact .left_side .add a.view {
    font-size: 14px;
    color: #226dac;
    text-decoration: underline;
    color: #672b86;
    text-transform: uppercase;
}

.contact .left_side .add a.view:hover {
    text-decoration: none;
}

.contact .left_side .add.first {
    margin-top: 30px;
}

.padd_sec2 {
    padding: 60px 0;
}

.contact .right_side {
    width: calc(100% - 380px);
    padding-left: 50px;
}

:focus {
    outline: 0;
}

.contact .right_side ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact .right_side ul li {
    width: calc(50% - 15px);
    margin-bottom: 30px;
}

.contact .right_side ul li.full_width {
    width: 100%;
}

textarea.inputfield {
    height: 160px;
}

.inputfield::-webkit-input-placeholder {
    color: #7f7f7f;
    opacity: 1;
}

.inputfield::-moz-placeholder {
    color: #7f7f7f;
    opacity: 1;
}

.inputfield:-ms-input-placeholder {
    color: #7f7f7f;
    opacity: 1;
}

.inputfield:-moz-placeholder {
    color: #7f7f7f;
    opacity: 1;
}

.comm_label {
    font: 15px/1.3 "josefin_sansbold";
    color: #333333;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

.cus_radio .radio_container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font: 13px "josefin_sansbold";
    color: #7f7f7f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22px;
    margin-bottom: 15px;
}

.cus_radio .radio_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.cus_radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    border-radius: 50%;
    border: 2px #333 solid;
}

.cus_radio .radio_container:hover input~.checkmark {
    background-color: none;
}

.cus_radio .radio_container input:checked~.checkmark {
    background-color: none;
}

.cus_radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cus_radio .radio_container input:checked~.checkmark:after {
    display: block;
}

.cus_radio .radio_container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #672b86;
}

.contact .right_side ul li .cus_radio {
    display: inline-block;
    margin-right: 30px;
}

.pad-t-0 {
    padding-top: 0;
}

.built_around {
    position: relative;
}

.built_around .wrapper {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
    height: 100%;
}

.built_around .img_wrap {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.built_around .cont {
    width: 50%;
    padding-left: 50px;
}

.built_around .cont p {
    margin-bottom: 20px;
}

.built_around .cont .com_heading {
    margin-bottom: 10px;
}

.com_heading .cl_pr {
    color: #663493;
}

.contact_inner .wrapper {
    display: flex;
    flex-wrap: wrap;
}

.contact_inner .img_wrap {
    width: 390px;
    display: flex;
    align-items: center;
    background: #672b86;
    padding: 0 60px;
    position: relative;
}

.contact_inner .img_wrap:after {
    content: "";
    width: 10000px;
    height: 100%;
    background: #672b86;
    position: absolute;
    left: 99%;
    top: 0;
}

.contact_inner .img_wrap ul li {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

.contact_inner .img_wrap ul li:last-child {
    margin-bottom: 0;
}

.contact_inner .img_wrap ul li img {
    float: left;
}

.contact_inner .img_wrap ul li .con_detail {
    float: left;
    width: calc(100% - 27px);
    padding-left: 15px;
}

.contact_inner .img_wrap ul li .con_detail strong {
    display: block;
    font: 16px/1 "open_sansbold";
    color: #FFF;
    margin-bottom: 10px;
}

.contact_inner .img_wrap ul li .con_detail span {
    color: #FFF;
}

.contact_inner .cont {
    width: calc(100% - 390px);
    padding: 70px 60px 70px 0;
}

.contact_inner .cont .com_heading {
    margin-bottom: 10px;
    font-family: "josefin_sanssemibold_italic";
}

.contact_inner .cont p {
    line-height: 40px;
}

.contact_map {
    width: 100%;
    padding-top: 22%;
    position: relative;
}

.contact_map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.our_work .read_morebtn {
    margin-top: 20px;
}

.our_work .com_heading {
    display: inline-block;
    position: relative;
    font: 6rem "josefin_sansbold_italic";
    line-height: 105px;
}

.our_work .com_heading:after {
    content: "";
    background: rgba(225, 225, 225, 0.4);
    position: absolute;
    right: -40px;
    top: calc(50% - 10px);
    height: 6px;
    width: 10000px;
}

.our_work .com_heading.poma:after {
    display: none;
}

.our_work .smallertext {
    padding-top: 0;
}

.port_summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    background: #fff;
}

.port_summary .left_side {
    width: 50%;
    height: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

img.llc-logo {
    max-width: 100px;
}

.port_summary .left_side img {
    width: 100%;
    height: 100%;
}

.port_summary .right_side {
    width: 50%;
    text-align: center;
    padding: 10px 40px;
}

.port_summary .right_side img {
    display: inline-block;
}

.summary_link {
    margin: 15px 0 20px 0;
}

.summary_link a {
    font: 14px/1 "open_sansbold";
    color: #000;
}

.summary_link a:hover {
    text-decoration: none;
}

.port_summary .right_side p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.7;
    font-family: "open_sanslight";
}

.port_summary .right_side .read_morebtn {
    margin-top: 30px;
}

.summary_cont {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.summary_cont .left_side {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.bl_img_big {
    width: 65%;
    padding-top: 51.59%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bl_img_big img {
    width: 100%;
}

.blank_box {
    width: 35%;
}

.blank_box .box1 {
    width: 100%;
    height: 50%;
    background: #3d3841;
}

.blank_box .box2 {
    width: 100%;
    height: 50%;
    background-color: #663493;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.develop_box {
    width: 100%;
    padding-top: 25%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.develop_box:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
}

.services-page-listing h3 br {
    display: none;
}

@media (min-width:1660px) {
    .services-page-listing h3 br {
        display: block;
    }
}

.services-banner-text p {
    text-transform: none !important;
}

.sec8 .img_wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.4); */
    z-index: 1;
    left: 0;
    top: 0;
}

.sec8 .img_wrap {
    position: relative;
}

.develop_box .cont {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    padding: 40px;
    width: 100%;
    max-width: 500px;
}

.develop_box .cont h4 {
    font: 1.8rem "josefin_sanssemibold";
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.develop_box .cont p {
    color: #FFF;
    font-size: 13px;
    line-height: 20px;
}

.summary_cont .right_side {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.plan_box {
    width: 100%;
    height: 200px;
    background: #3d3841;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.plan_box {
    width: 100%;
    height: 33% !important;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.plan_box .box1cont {
    position: absolute;
    right: 100%;
    top: 0;
    background: #3d3841;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    letter-spacing: -1px;
    text-align: center;
    padding: 10px 15px;
}

.plan_box .box1cont h3 {
    font: 2.2rem "josefin_sanssemibold_italic";
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.plan_box .box1cont p {
    font-size: 13.5px;
    line-height: 19px;
    color: #FFF;
}

.design_box {
    width: 100%;
    height: 67% !important;
    background-color: black;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.design_box:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 60%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}

.design_box .cont {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 40px;
    text-align: center;
}

.design_box .cont h4 {
    font: 1.8rem "josefin_sanssemibold";
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.design_box .cont p {
    color: #FFF;
    font-size: 13px;
    line-height: 20px;
}

.test_inner {
    width: 100%;
}

.test_inner li {
    width: calc(25% - 15px);
    position: relative;
    margin: 0 0 20px 0;
    border: 1px #d3d3d3 solid;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: flex;
    align-items: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.grd_size2,
.test_inner li {
    width: calc(25% - 15px);
}

.testi_l {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}

.test_inner li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    opacity: 0.9;
    width: 100%;
    height: 100%;
    transition: all 0.8s;
}

.test_inner li .cont {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transition: all 0.5s;
}

.test_inner li .cont img {
    transition: all 0.8s;
}

.test_inner li .cont p {
    font: 12px/1.5 "open_sansregular";
    color: #FFF;
    margin: 25px 0;
}

.test_inner .cus_btn {
    padding: 15px 26px 9px;
}

.test_inner li .cont .read_morebtn {
    transition: all 0.8s;
}

.test_inner li .cont .read_morebtn .cus_btn {
    transition: all 0.8s;
}

.test_inner li:hover .testi_l {
    opacity: 0;
}

.test_inner li:hover .cont {
    opacity: 1;
}

.test_inner li:hover:before {
    background: #663493;
}

.test_inner li:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.test_inner.padd_sec {
    padding-bottom: 50px;
    padding-top: 60px;
}

.seelist header.main-header .topheader {
    display: flex;
}

.seelist.port_body header.main-header .topheader {
    display: flex;
}

.info-meta span {
    font: 1.5625rem/1 "josefin_sansbold";
    color: #fff;
    vertical-align: middle;
    display: inline-block;
}

#list-item-info .info-item .info-name h2 {
    color: #fff;
    font: 5rem/1 "josefin_sansbold_italic";
    text-transform: uppercase;
    line-height: 76px;
}

#list-item-info .info-item {
    width: 100%;
    max-width: 100%;
    top: initial;
    bottom: 50px;
    left: 0;
}

.watch-trailer {
    text-transform: capitalize;
    font: 14px/1.5 "open_sansregular";
    letter-spacing: initial;
}

.watch-trailer:hover {
    color: #FFF;
}

#list-item-info .info-item .info-bottom {
    width: 100%;
    max-width: 1000px;
    position: static;
    transform: translateY(0);
}

#list-item-bg .bg-item .bg-container:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

#list-item-bg .bg-item .bg-container.top_bg:after {
    display: none;
}

.watch-trailer .cus_btn {
    margin-top: 20px;
}

#list-item-info .info-item .info-top {
    position: static;
}

#list-item-info .info-item .info-top .info-meta {
    margin-bottom: -5px;
}

#list-item-info .info-item.top_bg_cont {
    bottom: initial;
    top: calc(50% + 20px);
    transform: translateY(-50%);
}

#list-item-info .info-item {
    background: none !important;
}

.port_foot {
    display: none;
}

.info_cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}

.section_fourth {
    height: calc(100% - 117px);
}

.section_fourth .rating {
    background: url(../images/rating.jpg) no-repeat top center / cover;
    display: flex;
    align-items: center;
}

.section_fourth .rating .center_cap {
    position: static;
    transform: translateY(0);
}

.section_fourth .logos .img_fig {
    background: url(../images/proud.jpg) no-repeat top center / cover;
    height: 0;
}

.section_fourth .user_reviews .people {
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.section_fourth .user_reviews .Testimoni {
    height: 60%;
    padding: 10px 40px;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.section_fourth .user_reviews .people h4 {
    width: 100%;
}

.section_fourth .user_reviews .people h1 {
    width: 100%;
    font: 5.5rem/1 "josefin_sansbold_italic";
}

.section_fourth .user_reviews .people h1.purple {
    padding-bottom: 0;
}

.section_fourth .user_reviews .Testimoni .tesi_slide {
    width: 100%;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
    font: 1.8rem/1 "josefin_sansbold";
    color: #333;
    padding-bottom: 20px;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p {
    font: 1.0625rem/1.5 "open_sanslight_italic";
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
    font: 1.2rem/1 "open_sanssemibold";
    color: #333;
    padding-top: 30px;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .text p a {
    font: 1.125rem/1 "open_sanssemibold";
    color: #b4b4b4;
    padding-bottom: 40px;
    text-decoration: none;
    padding-top: 10px;
    display: block;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots {
    display: inline-block !important;
    width: 100%;
    margin-top: 10px;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li {
    margin-right: 20px;
    width: 50px;
    height: 2px;
    float: left;
    display: flex;
    align-items: center;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li button {
    display: inline-block;
    width: 50px;
    height: 5px;
    background: #2d064f;
    font-size: 0;
    border: 0;
    cursor: pointer;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li:hover button {
    background: #5fb35f;
    cursor: pointer;
}

.section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots li.slick-active button {
    background: #5fb35f;
}

.h3ty {
    height: 30vh;
}

.h4ty {
    height: 40vh;
}

.h4ty_plus1 {
    height: calc(40vh + 1px);
}

.h5ty {
    height: 50vh;
}

.h6ty {
    height: 60vh;
}

.h7ty {
    height: 70vh;
}

.h10ty {
    height: 100vh;
}

.ov_hi {
    overflow: hidden;
}

.section_three .llc {
    height: 100%;
}

.pomari {
    width: 100%;
    height: 100%;
}

.section_three .thumimg {
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 105%;
    -webkit-transition: all 3s;
    transition: all 3s;
}

.pomari .top-caption {
    position: absolute;
    top: 50px;
    color: #fff;
    text-align: center;
    padding: 0 40px;
    width: 100%;
}

.pomari .top-caption h2 {
    font: 1.75rem/1 "josefin_sansbold";
    text-transform: uppercase;
    letter-spacing: 2px;
}

.pomari .top-caption p {
    font: 0.8125rem/1.5 "open_sansregular";
    color: #fff;
}

.section_three .thumimg:hover {
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-animation-duration: 4s;
    animation-duration: 5s infinite;
}

.section_three .dmm {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.black_logo {
    position: absolute;
    display: none;
}

.pomari_air_box {
    width: 60vw;
    display: flex;
    flex-wrap: wrap;
}

.pomari_box {
    width: 40vw;
    position: relative;
}

.section_three .airbox {
    width: 20vw;
}

.section_three .plan {
    width: 20vw;
}

.dmm_box {
    width: 20vw;
}

.llc_box {
    width: 40vw;
}

.arn_cof {
    width: 40vw;
    height: 100vh;
}

.desk_port {
    display: flex;
    flex-wrap: wrap;
    background-color: #000;
}

#menu {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    opacity: 1 !important;
    margin: 0 !important;
    visibility: visible !important;
}

#list-item-position ul {
    transform: inherit !important;
}

.seelist #menu svg path {
    fill: #ffffff;
}

.captcha_img {
    float: left;
}

.captcha_input {
    float: left;
    width: calc(100% - 108px);
    padding-right: 5px;
    margin-left: 10px;
}

body #list-item-position ul li a span {
    font-size: 0px;
}

#list-item-info .info-item .info-name h2 span.letter {
    /* float: left; */
}


/*============services page css starts 29 july =====================*/

.services-page-listing .inner_sec .cont {
    text-align: left;
    margin-left: -105px;
}

.services-page-listing .inner_sec {
    margin-bottom: 0;
}

.services-page-listing .inner_sec.opposite .cont {
    margin-left: 0;
}

.services-page-listing .inner_sec.sec2 .cont {
    margin-right: -105px;
}

.services-page-listing .inner_sec .cont h3 {
    font: 3.3rem/1.2 "josefin_sansbold_italic";
    white-space: normal;
    direction: ltr;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
}

.services-page-listing .inner_sec.opposite .cont {
    text-align: left;
}

.services-page-listing .inner_sec.opposite .img_wrap {
    width: 58%;
}

.services-page-listing .inner_sec.opposite .cont {
    width: 40%;
    margin-right: -105px;
    padding-right: 0px;
    padding-left: 2%;
}

.services-page-listing .services-half .inner_sec.opposite .img_wrap {
    width: 60%;
}

.services-page-listing .inner_sec .cont h5 {
    text-transform: uppercase;
}

.services-page-listing .inner_sec .cont h5:before {
    left: calc(100% + 13px);
    top: 4px;
    right: auto;
}

.services-page-listing .inner_sec .cont p {
    padding-left: 4px;
}

.package-page-link .com_heading,
.what-we-dont-do .com_heading {
    margin-bottom: 15px;
}

.package-page-link .read_morebtn {
    margin-top: 20px;
}

.services-page-listing {
    background: #453f49;
}

.services-page-listing .inner_sec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 100%;
    line-height: 0px;
}

.sectionmainheight {
    height: 100%;
}

.services-page-listing .inner_sec .img_wrap {
    width: 58%;
    transition: all 0.8s;
    height: 100%;
    overflow: hidden;
    line-height: 0px;
}

.cont-img img {
    max-width: 115px;
    width: 100%;
}

.services-half .services-page-listing .inner_sec .img_wrap {
    width: 60%;
}

.services-page-listing .inner_sec .img_wrap img {
    width: 100%;
    height: 100%;
}

.services-page-listing .inner_sec .cont {
    width: 40%;
    transition: all 0.8s;
    padding: 0px 50px 0px 50px;
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    .services-page-listing .opposite {
        justify-content: flex-end;
    }
}

.services-page-listing .inner_sec .cont h5 {
    font: 16px/1 "josefin_sanssemibold";
    color: #FFF;
    display: inline-block;
    position: relative;
}

.signature-quote-div {
    position: absolute;
    bottom: 0px;
    padding: 100px 50px 30px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(102, 52, 147, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(102, 52, 147, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(102, 52, 147, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.signature-quote-div img {
    display: inline-block;
}

img.left-quote-icon {
    margin-top: -17px;
}

.signature-quote-div p {
    color: #fff;
    font-family: "josefin_sansregular";
    font-style: italic;
    font-size: 19px;
    line-height: 1.2;
}

.services-page-listing .inner_sec .cont h5:before {
    content: "";
    position: absolute;
    right: calc(100% + 10px);
    top: 5px;
    width: 50px;
    height: 2px;
    background: #FFF;
}

.services-page-listing .inner_sec .cont h4 {
    font: 18px/1 "josefin_sanssemibold";
    color: #c0acff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.services-page-listing .inner_sec .cont h3 {
    color: #FFF;
}

.services-page-listing .inner_sec .cont p {
    font: 16px/1.5 "open_sansregular";
    color: #FFF;
    width: 100%;
    max-width: 680px;
    display: inline-block;
}

.services-page-listing .inner_sec .cont .read_morebtn {
    margin-top: 40px;
}

.cus_btn.white {
    color: #FFF;
    border-color: #FFF;
}

.services-page-listing .inner_sec.opposite .img_wrap {
    order: 2;
}

    {}

.fp-viewing-2 .services-page-listing .inner_sec.sec1 .cont .cont-img img {
    margin-left: auto;
}

.fp-viewing-2 .services-page-listing .inner_sec.sec1 .img_wrap,
.fp-viewing-4 .services-page-listing .inner_sec.sec3 .img_wrap,
.fp-viewing-6 .services-page-listing .inner_sec.sec5 .img_wrap,
.fp-viewing-8 .services-page-listing .inner_sec.sec7 .img_wrap,
.fp-viewing-10 .services-page-listing .inner_sec.sec9 .img_wrap,
.fp-viewing-12 .services-page-listing .inner_sec.sec11 .img_wrap,
.fp-viewing-14 .services-page-listing .inner_sec.sec13 .img_wrap,
.fp-viewing-16 .services-page-listing .inner_sec.sec15 .img_wrap,
.fp-viewing-18 .services-page-listing .inner_sec.sec17 .img_wrap {
    width: 42%;
}

.fp-viewing-2 .services-page-listing .inner_sec.sec1 .cont,
.fp-viewing-4 .services-page-listing .inner_sec.sec3 .cont,
.fp-viewing-6 .services-page-listing .inner_sec.sec5 .cont,
.fp-viewing-8 .services-page-listing .inner_sec.sec7 .cont,
.fp-viewing-10 .services-page-listing .inner_sec.sec9 .cont,
.fp-viewing-12 .services-page-listing .inner_sec.sec11 .cont,
.fp-viewing-14 .services-page-listing .inner_sec.sec13 .cont,
.fp-viewing-16 .services-page-listing .inner_sec.sec15 .cont,
.fp-viewing-18 .services-page-listing .inner_sec.sec17 .cont {
    width: 58%;
    text-align: right;
}

.fp-viewing-2 .services-half .services-page-listing .inner_sec.sec1 .img_wrap,
.fp-viewing-4 .services-half .services-page-listing .inner_sec.sec3 .img_wrap,
.fp-viewing-6 .services-half .services-page-listing .inner_sec.sec5 .img_wrap,
.fp-viewing-8 .services-half .services-page-listing .inner_sec.sec7 .img_wrap,
.fp-viewing-10 .services-half .services-page-listing .inner_sec.sec9 .img_wrap,
.fp-viewing-12 .services-half .services-page-listing .inner_sec.sec11 .img_wrap,
.fp-viewing-14 .services-half .services-page-listing .inner_sec.sec13 .img_wrap,
.fp-viewing-16 .services-half .services-page-listing .inner_sec.sec15 .img_wrap,
.fp-viewing-18 .services-half .services-page-listing .inner_sec.sec17 .img_wrap {
    width: 40%;
}

.fp-viewing-2 .services-half .services-page-listing .inner_sec.sec1 .cont,
.fp-viewing-4 .services-half .services-page-listing .inner_sec.sec3 .cont,
.fp-viewing-6 .services-half .services-page-listing .inner_sec.sec5 .cont,
.fp-viewing-8 .services-half .services-page-listing .inner_sec.sec7 .cont,
.fp-viewing-10 .services-half .services-page-listing .inner_sec.sec9 .cont,
.fp-viewing-12 .services-half .services-page-listing .inner_sec.sec11 .cont,
.fp-viewing-14 .services-half .services-page-listing .inner_sec.sec13 .cont,
.fp-viewing-16 .services-half .services-page-listing .inner_sec.sec15 .cont,
.fp-viewing-18 .services-half .services-page-listing .inner_sec.sec17 .cont {
    width: 60%;
    text-align: right;
}


/*.fp-viewing-2 .services-page-listing .inner_sec.sec1 .cont h3, .fp-viewing-4 .services-page-listing .inner_sec.sec3 .cont h3, 
.fp-viewing-6 .services-page-listing .inner_sec.sec5 .cont h3, .fp-viewing-8 .services-page-listing .inner_sec.sec7 .cont h3, 
.fp-viewing-10 .services-page-listing .inner_sec.sec9 .cont h3, .fp-viewing-12 .services-page-listing .inner_sec.sec11 .cont h3,
 .fp-viewing-14 .services-page-listing .inner_sec.sec13 .cont h3 ,  .fp-viewing-16 .services-page-listing .inner_sec.sec15 .cont h3,
  .fp-viewing-18 .services-page-listing .inner_sec.sec17 .cont h3 {
    max-width: 900px;
    width: 100%;
    display: inline-block;
}*/

.fp-viewing-3 .services-half .services-page-listing .inner_sec.sec2 .cont,
.fp-viewing-5 .services-half .services-page-listing .inner_sec.sec4 .cont,
.fp-viewing-7 .services-half .services-page-listing .inner_sec.sec6 .cont,
.fp-viewing-9 .services-half .services-page-listing .inner_sec.sec8 .cont,
.fp-viewing-11 .services-half .services-page-listing .inner_sec.sec10 .cont,
.fp-viewing-13 .services-half .services-page-listing .inner_sec.sec12 .cont,
.fp-viewing-15 .services-half .services-page-listing .inner_sec.sec14 .cont,
.fp-viewing-17 .services-half .services-page-listing .inner_sec.sec16 .cont,
.fp-viewing-18 .services-half .services-page-listing .inner_sec.sec18 .cont {
    width: 60%;
}

.fp-viewing-3 .services-half .services-page-listing .inner_sec.sec2 .img_wrap,
.fp-viewing-5 .services-half .services-page-listing .inner_sec.sec4 .img_wrap,
.fp-viewing-7 .services-half .services-page-listing .inner_sec.sec6 .img_wrap,
.fp-viewing-9 .services-half .services-page-listing .inner_sec.sec8 .img_wrap,
.fp-viewing-11 .services-half .services-page-listing .inner_sec.sec10 .img_wrap,
.fp-viewing-13 .services-half .services-page-listing .inner_sec.sec12 .img_wrap,
.fp-viewing-15 .services-half .services-page-listing .inner_sec.sec14 .img_wrap,
.fp-viewing-17 .services-half .services-page-listing .inner_sec.sec16 .img_wrap,
.fp-viewing-19 .services-half .services-page-listing .inner_sec.sec18 .img_wrap {
    width: 40%;
}

.fp-viewing-2 .services-page-listing .inner_sec.sec1 .cont h5:before,
.fp-viewing-4 .services-page-listing .inner_sec.sec3 .cont h5:before,
.fp-viewing-6 .services-page-listing .inner_sec.sec5 .cont h5:before,
.fp-viewing-8 .services-page-listing .inner_sec.sec7 .cont h5:before,
.fp-viewing-10 .services-page-listing .inner_sec.sec9 .cont h5:before,
.fp-viewing-12 .services-page-listing .inner_sec.sec11 .cont h5:before,
.fp-viewing-14 .services-page-listing .inner_sec.sec13 .cont h5:before,
.fp-viewing-16 .services-page-listing .inner_sec.sec15 .cont h5:before,
.fp-viewing-18 .services-page-listing .inner_sec.sec17 .cont h5:before {
    left: -60px;
}

.services-page-listing .inner_sec.opposite.sec1 .cont {
    padding-left: 2%;
}

.fp-viewing-3 .services-page-listing .inner_sec.sec2 .cont,
.fp-viewing-5 .services-page-listing .inner_sec.sec4 .cont,
.fp-viewing-7 .services-page-listing .inner_sec.sec6 .cont,
.fp-viewing-9 .services-page-listing .inner_sec.sec8 .cont,
.fp-viewing-11 .services-page-listing .inner_sec.sec10 .cont,
.fp-viewing-13 .services-page-listing .inner_sec.sec12 .cont,
.fp-viewing-15 .services-page-listing .inner_sec.sec14 .cont,
.fp-viewing-17 .services-page-listing .inner_sec.sec16 .cont,
.fp-viewing-18 .services-page-listing .inner_sec.sec18 .cont {
    width: 58%;
}

.fp-viewing-3 .services-page-listing .inner_sec.sec2 .img_wrap,
.fp-viewing-5 .services-page-listing .inner_sec.sec4 .img_wrap,
.fp-viewing-7 .services-page-listing .inner_sec.sec6 .img_wrap,
.fp-viewing-9 .services-page-listing .inner_sec.sec8 .img_wrap,
.fp-viewing-11 .services-page-listing .inner_sec.sec10 .img_wrap,
.fp-viewing-13 .services-page-listing .inner_sec.sec12 .img_wrap,
.fp-viewing-15 .services-page-listing .inner_sec.sec14 .img_wrap,
.fp-viewing-17 .services-page-listing .inner_sec.sec16 .img_wrap,
.fp-viewing-19 .services-page-listing .inner_sec.sec18 .img_wrap {
    width: 42%;
}


/*============services page css ends  =====================*/


/*========= about us page css starts =========*/

.established.list_packages.new-about-page .img_sec.left-img-sec {
    width: 43%;
}

.established.list_packages.new-about-page .img_sec:before {
    display: none;
}

.established.list_packages.new-about-page .img_sec:after {
    display: none;
}

.established.list_packages.new-about-page .cont_sec {
    width: 57%;
}

.list_packages.new-about-page .com_heading {
    font: 5rem/1.2 "josefin_sansbold_italic";
    letter-spacing: 0.2px;
}

.established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
    position: absolute;
}

.established.list_packages.new-about-page .cont_sec.price_content {
    height: 50%;
}

.new-about-page.established.list_packages .cont_sec.price-range-div {
    height: 50%;
}

.new-about-page .price-range-div .smallertext p {
    line-height: 1.7;
}

.built_around.founder-section .cont p {
    margin-bottom: 20px;
    font-size: 15px;
    color: #333333;
}

.com_heading {
    color: #333333;
    font: 3rem/1.1 "josefin_sansbold_italic";
    text-transform: uppercase;
    letter-spacing: -2px;
}

h6.founder-director {
    color: #333;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.divider-line {
    width: 100%;
    position: absolute;
    height: 4px;
    background: #dfdedf;
    /* padding-bottom: 10px; */
    display: block;
}

p.fisrt-founder-para {
    padding-top: 22px;
}

.signature-img {
    padding-top: 15px;
}

.our-team-section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.commansection.our-team-section .banner-content .banner-content-wrapper .smallertext-second p {
    text-transform: none;
    font: 18px/1.5 "open_sansregular";
    margin: 0 0 10px 0;
    max-width: 100%;
}

.values-div {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0;
}

.img-wrapp {
    min-height: 130px;
    margin-top: 15px;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.img-wrapp img {
    margin: 0 auto;
    max-width: 120px;
}

.commansection.says-values .banner-content {
    top: calc(50%);
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
        position: inherit;
    }

    .list_packages.new-about-page .com_heading {
        font: 4rem/1.2 "josefin_sansbold_italic";
    }
}

.value-wrapper {
    width: 16%;
    background: rgba(255, 255, 255, 0.3);
    padding: 15px;
    text-align: center;
}

.value-wrapper h5 {
    font-family: "open_sansregular";
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    border-top: 0.5px solid rgb(255 255 255 / 0.5);
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.built_around.stand-for .wrapper {
    flex-direction: row;
}

.built_around.stand-for .img_wrap {
    width: 60%;
    left: auto;
    right: 0;
}

.built_around.stand-for .com_heading {
    font: 5rem/1.1 "josefin_sansbold_italic";
    letter-spacing: 0;
    margin-bottom: 30px;
}

.built_around.stand-for .cont {
    width: 40%;
    padding-left: 0;
    position: absolute;
    left: 10%;
}

@media (min-width: 1500px) {
    .built_around.stand-for .cont {
        left: 11%;
    }
}

.built_around.stand-for p strong {
    font-size: 18px;
}

.built_around.stand-for ul li {
    color: #333;
    font-size: 18px;
    padding: 4px 0 4px 30px;
    position: relative;
}

.experienced ul li img {
    margin: 0 auto;
}

.add-get-started .cus_btn.white {
    max-width: 220px;
    width: 100%;
    text-align: center;
}

.add-get-started a.cus_btn.white:first-child {
    margin-right: 15px;
}

.built_around.stand-for ul li::before {
    content: "";
    position: absolute;
    background: url(../images/tick-circle.png);
    width: 25px;
    height: 25px;
    background-size: 24px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.values-div .value-wrapper:nth-child(2) img {
    max-width: 75px;
}

@-moz-document url-prefix() {
    .section_fourth .people h3.purple::after {
        bottom: 12px;
    }
}


/*========= about us page css ends =========*/

.services-page-listing .inner_sec .img_wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.12);
}

.pageheightfull {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.services-page-listing .inner_sec.opposite .img_wrap {
    height: 100%;
}

.services-page-listing .inner_sec .img_wrap {
    position: relative;
}

.second-box-div {
    height: 85%;
}

.first-box-div {
    height: 15%;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
}

.services-page-listing .second-box-div .inner_sec.sec1.opposite {
    height: auto;
}


/* Responsive Start */

@media (max-width:1400px) {
    .plan_box {
        height: 46% !important;
    }

    .design_box {
        height: 54% !important;
    }

    .plan_box .box1cont p {
        font-size: 13px;
    }

    .built_around.founder-section .cont p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1280px) {
    .list_packages.new-about-page .com_heading {
        font: 4rem/1.2 "josefin_sansbold_italic";
    }

    .built_around.stand-for .cont {
        left: 7%;
    }

    .established.list_packages.new-about-page .cont_sec_wrapper {
        padding-left: 16px;
    }
}

@media only screen and (max-width: 1199px) {
    .list_packages.new-about-page .com_heading {
        font: 4rem/1.2 "josefin_sansbold_italic";
    }

    .founder-section .cont {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
        position: inherit;
    }

    .built_around.stand-for .cont {
        position: inherit;
    }

    .value-wrapper {
        padding: 10px;
    }

    .value-wrapper h5 {
        font-size: 14px;
    }

    .established.list_packages.new-about-page .cont_sec_wrapper {
        padding-left: 16px;
    }
}

@media only screen and (max-width: 992px) {
    .established.list_packages.new-about-page .cont_sec.price_content .cont_sec_wrapper {
        position: inherit;
    }

    .built_around.stand-for .cont {
        position: inherit;
        width: 100%;
        order: 2;
    }

    .built_around.founder-section .img_wrap {
        padding-top: 87%;
        background-position: center center;
        width: calc(100% + 30px);
        position: relative;
        margin-left: -15px;
        margin-right: -15px;
    }

    .signature-quote-div {
        padding: 100px 20px 30px;
    }

    .built_around.founder-section .cont {
        padding: 30px;
        width: 100%;
    }

    .value-wrapper {
        width: 33%;
        margin-bottom: 4px;
    }

    .commansection.our-team-section .banner-content.second-posi {
        background: transparent;
        position: relative;
        left: 0;
    }

    .top_banner.our-team-section .bannerimg {
        position: absolute;
        padding-top: 0;
        /* top: 0; */
        /* z-index: 9999999; */
        background-color: transparent;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .section_fourth .people h3.purple::after {
        bottom: -6px;
    }

    .established.list_packages.new-about-page .img_sec.left-img-sec {
        width: calc(100% + 30px);
    }

    .established.list_packages.new-about-page .cont_sec {
        width: 100%;
    }

    .commansection .banner-content .banner-content-wrapper .banertexttwo {
        padding: 0 0 5px 0;
    }

    .commansection .banner-content .banner-content-wrapper .banertextthree h1 {
        font: 6.5rem/1.3 "josefin_sansbold_italic";
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .read_morebtn a {
        border: 2px solid #000;
        color: #333;
    }

    footer .container .first_grid p.btn a {
        background-color: #663493;
        border: 2px solid transparent;
    }

    header.main-header .topheader #nav-icon1 span {
        background: #d5d5d5;
    }

    .left-logo a img {
        max-width: 90%;
    }

    .section_fourth {
        opacity: 1 !important;
    }

    .commansection .banner-content .banner-content-wrapper .read_morebtn a {
        font: 2rem/1 "josefin_sansbold";
    }

    footer .container .first_grid p.btn a {
        font: 2rem/1 "josefin_sansbold";
    }

    .commansection .banner_slider .slider_content .banertexttwo .smallertext p {
        font: 2.2rem/1.7 "josefin_sansbold";
    }

    footer .copyright p {
        font: 1.5rem/1 "open_sansregular";
    }

    .mob_prot .new_slick button:hover {
        background: #663493;
    }
}

@media only screen and (max-width: 768px) {
    .top_banner.our-team-section .bannerimg {
        position: absolute;
        padding-top: 0;
    }

    .commansection.our-team-section .banner-content.second-posi {
        background: transparent;
        position: relative;
        left: 0;
    }

    .built_around.stand-for .cont {
        width: 100%;
        order: 2;
    }

    .built_around.stand-for .img_wrap {
        width: calc(100% + 30px);
    }

    footer .container .social_media {
        justify-content: flex-end;
        width: 100%;
    }

    footer .container .social_media ul.social li {
        padding: 10px 10px;
        display: inline-block;
    }

    footer .container .social_media ul.social li a {
        background: #663493;
    }

    footer .container .social_media ul.social li a i {
        color: #fff;
    }

    footer .container .third_grid ul.contact_us li i {
        color: #663493;
        font-size: 14px;
    }

    .section_fourth .rating .center_cap ul.stars-rate li {
        font-size: 2.5rem;
    }

    .section_fourth .rating .center_cap p.green {
        font: 2rem/2.5 "open_sansbold";
    }

    .section_fourth .rating .center_cap span {
        font: 2rem/2.5 "open_sansbold";
    }

    .section_fourth .user_reviews .people h4 {
        color: #333;
    }

    .section_fourth .user_reviews .people h1 {
        text-transform: uppercase;
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1 span {
        color: #333;
        font: 3rem/1 "josefin_sansbold_italic";
    }

    .commansection .banner-content.second-posi .banertexttwo {
        padding-bottom: 0;
    }

    footer .container .social_media ul.social li:first-child {
        padding-left: 0;
    }

    .section_fourth .user_reviews .Testimoni .remarks .slick-list .text h3 {
        font: 3.5rem/1.5 "josefin_sansbold";
    }

    footer .container .third_grid ul.contact_us li p span {
        color: #c6c6c6;
    }

    footer .copyright p {
        font: 2.3rem/1 "open_sansregular";
    }
}

@media only screen and (max-width: 540px) {
    .section_fourth .rating .center_cap ul.stars-rate li {
        font-size: 3.5rem;
    }

    .section_fourth .rating .center_cap p.green {
        font: 3rem/2.5 "open_sansbold";
    }

    .section_fourth .rating .center_cap span {
        font: 3rem/2.5 "open_sansbold";
    }

    .section_fourth .logos .logo_newlist ul.slick-dots li {
        font: 3.5rem/1.5 "josefin_sansbold";
    }

    /*.section_fourth .user_reviews .Testimoni .remarks .slick-list .text p{
		font:2.3rem/1.5 "open_sanslight_italic";
	}*/
}

@media(max-width:1550px) {
    header.main-header .topheader .right-sec .left-nav ul li a {
        padding: 10px 20px;
    }

    header.main-header .topheader .right-sec .left-nav ul li a::after {
        width: 20px;
    }
}

@media(max-width:1400px) {
    header.main-header .topheader .right-sec .right-cotact {
        font-size: 11px;
    }

    .deposit {
        margin-top: 40px;
    }

    .ulplan {
        margin-top: 10px;
    }

    .develop .plan_p {
        margin: 0 0 20px 0;
    }
}

@media(max-width:1300px) {
    header.main-header .topheader .right-sec .left-nav ul li a {
        padding: 10px 20px;
    }

    .plan_box .box1cont p {
        font-size: 12px;
        line-height: 16px;
    }

    .ulplan li {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .plan_p {
        font-size: 14px;
    }

    .deposit {
        margin-top: 20px;
    }

    .list_abt .inner_sec .cont {
        padding: 50px 50px 100px 50px;
    }
}

@media(max-width:1200px) {
    header.main-header .topheader .right-sec .left-nav ul li a {
        padding: 10px 15px;
    }

    header.main-header .topheader .right-sec .left-nav ul li a:hover::after {
        display: none;
    }

    header.main-header .topheader .right-sec .left-nav ul li.active a::after {
        display: none;
    }

    .established .cont_sec {
        padding-right: 30px;
    }

    .plan_box .box1cont {
        align-content: flex-start;
        padding-top: 25px;
    }

    .port_summary .right_side {
        padding: 40px;
    }

    .client_head {
        top: 30px;
    }
}

@media(max-width:1100px) {
    .bannerimg {
        padding-top: 50%;
    }

    header.main-header .topheader {
        display: flex;
    }

    .seelist header.main-header .topheader {
        display: flex;
    }

    .list_abt .inner_sec {
        margin-bottom: 0;
    }

    .list_abt .inner_sec .img_wrap {
        width: 50%;
    }

    .list_abt .inner_sec.sec1 .img_wrap {
        width: 50%;
    }

    .list_abt .inner_sec .cont {
        width: 50%;
        padding: 40px 40px;
    }

    .list_abt .inner_sec.sec1 .cont {
        width: 50%;
        padding: 40px 40px;
    }

    .list_abt .inner_sec .cont h5 {
        margin-left: 40px;
    }

    .list_abt .inner_sec .cont h5::before {
        width: 30px;
    }

    ul.test_slide {
        padding: 0 50px;
    }

    ul.test_slide .slick-arrow {
        left: 14px;
    }

    ul.test_slide .slick-next.slick-arrow {
        right: 14px;
    }

    .blog_filter li {
        font-size: 14px;
        padding: 12px 0;
    }

    .blog .left_filter {
        width: 300px;
        padding: 15px 15px 0 15px;
    }

    .cont_right {
        width: calc(100% - 300px);
    }

    .subscribe {
        padding: 30px 20px;
    }

    .subscribe h5 {
        font-size: 12px;
    }

    .pagination {
        padding: 40px 0;
    }

    .how_work .cont_sec {
        padding: 60px 50px 50px 0;
    }

    .how_work.opposite .cont_sec {
        padding: 60px 0 50px 50px;
    }

    .ulplan {
        margin-top: 10px;
    }

    .ulplan li {
        font-size: 14px;
    }

    .plan_p {
        font-size: 14px;
        margin-top: 20px;
    }

    .deposit {
        margin-top: 50px;
    }

    .develop_box .cont p {
        font-size: 12px;
        line-height: 16px;
    }

    .design_box .cont p {
        font-size: 12px;
        line-height: 16px;
    }

    #list-item-bg {
        display: none;
    }

    #list-item-position {
        display: none;
    }

    #list-scrollable {
        display: none;
    }

    .seelist.list-visible {
        overflow: auto !important;
    }

    #list-item-info .info-item {
        position: static;
        padding: 80px 0;
        min-height: 100vh;
        display: flex;
        align-items: flex-end;
    }

    #list-item-info .info-item.top_bg_cont {
        align-items: center;
    }

    #list-item-info .info-item.top_bg_cont {
        transform: translateY(0);
    }

    #list-item-info .info-item {
        opacity: 1;
        visibility: visible;
    }

    #list-item-info .info-item .info-name {
        opacity: 1;
        visibility: visible;
    }

    #list-item-info .info-item .info-name h2 span.letter {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    body.seelist #list-item-info .info-item .info-bottom div {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    #list-item-info .info-item {
        position: relative;
        bottom: 0;
    }

    #list-item-info .info-item:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    }

    .info_cont {
        display: block;
        z-index: -1;
    }

    .grow .cont_sec {
        padding: 50px 0;
    }

    .section_fourth .rating .center_cap {
        padding: 20px;
    }

    .section_fourth .user_reviews .people {
        padding: 30px 0;
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 30px 40px;
    }

    .logo_newlist {
        padding: 30px 0;
    }

    .logo_newlist .slick-track {
        display: flex;
        align-items: center;
    }

    ul.test_slide {
        min-height: auto;
        height: 800px;
    }

    ul.test_slide li {
        min-height: auto;
        height: 800px;
    }

    #list-item-info .info-item.foot_info::before {
        display: none;
    }

    .bannerimg video {
        height: calc(100% + 10px);
    }

    body,
    html {
        overflow: auto !important;
    }
}

@media(max-width:1024px) {
    header.main-header .topheader {
        display: flex;
    }

    .section_fourth .rating img {
        display: none;
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 50px 40px;
    }

    .section_fourth .logos .img_fig img {
        display: none;
    }

    .section_fourth .logos .img_fig {
        background: url(../images/proud.jpg) no-repeat center center / cover;
        padding-top: 40%;
        height: auto !important;
    }

    .inputfield {
        font-size: 10px;
    }

    .design_box .cont {
        padding: 30px;
    }

    .develop_box .cont {
        padding: 15px 30px;
    }

    .port_summary .right_side img {
        width: 100px;
    }

    .test_inner li .cont {
        opacity: 1;
    }

    .testi_l {
        display: none;
    }

    .test_inner li .cont img {
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

    .test_inner li .cont p {
        color: #000;
    }

    .test_inner li:hover::before {
        background: #FFF;
    }

    .test_inner li .cont .read_morebtn .cus_btn {
        border-color: #000;
        color: #000;
    }

    .test_inner li .cont .read_morebtn .cus_btn:hover {
        border-color: #663493;
        color: #FFF;
    }

    #list-item-info .info-item .info-name h2 {
        line-height: 60px;
    }

    header.main-header .topheader .right-sec .left-nav ul li a:hover::before {
        width: 50px;
        height: 50px;
        top: -11px;
    }

    header.main-header .topheader .right-sec .left-nav ul li.active a::before {
        width: 50px;
        height: 50px;
        top: -11px;
    }
}

@media(max-width:992px) {
    .padd_sec {
        padding: 50px 0;
    }

    header.main-header .topheader .right-sec .left-nav ul li a:hover::before {
        display: none;
    }

    header.main-header .topheader .right-sec .left-nav ul li a:hover {
        color: #663493;
    }

    .commansection .banner_slider {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font: 2.125rem/1.5 "open_sansregular";
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        margin-top: 0;
    }

    .commansection .banner-content .banner-content-wrapper .banertexttwo {
        padding-bottom: 0;
    }

    .commansection .banner-content .banner-content-wrapper .banertextone h1 span {
        font: 2.5625rem/1 "josefin_sansbold";
    }

    header.main-header .topheader .right-sec .right-cotact {
        font-size: 0;
    }

    header.main-header .topheader .right-sec .right-cotact a {
        font-size: 16px;
    }

    header.main-header .topheader .right-sec {
        margin-top: 12px;
        padding-right: 30px;
    }

    .established {
        padding-top: 0;
    }

    .established .price-range-div.cont_sec {
        padding: 40px 0 40px 0;
    }

    .established .cont_sec {
        width: 100%;
        padding: 40px 0 0 0;
    }

    .established .wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .established.list_packages .cont_sec {
        width: 100%;
    }

    h2.com_heading br {
        display: none;
    }

    .content-wrapper {
        order: 2;
    }

    .established.list_packages .img_sec {
        position: relative;
        right: 0;
        top: 0;
        z-index: 9;
        width: calc(100% + 30px);
        height: calc(100% + 0px);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 60%;
    }

    .established.list_packages.new-about-page .img_sec {
        background-position: top center;
    }

    .cont_sec.price_content {
        padding: 50px 0 40px !important;
    }

    .price-range-div.experienced ul li:first-child {
        padding-left: 8px;
        margin-left: 0;
    }

    .established .img_sec {
        width: calc(100% + 30px);
        position: static;
        padding-top: 50%;
        order: 1;
        margin-left: -15px;
        margin-right: -15px;
    }

    .established .cont_sec {
        order: 2;
    }

    .experienced .cont_sec {
        width: 100%;
        position: static;
    }

    .experienced .img_sec {
        width: 100%;
    }

    .ban_sec::after {
        height: 100%;
    }

    .cus_btn {
        font: 1.2rem/1 "josefin_sansbold";
    }

    .left-logo a img {
        width: 150px;
        max-width: 100%;
    }

    header.main-header .topheader .right-sec {
        height: auto;
        margin: 0;
        width: auto;
        margin-left: auto;
    }

    header.main-header .topheader #nav-icon1 {
        height: 26px;
        top: initial;
    }

    header.main-header .topheader {
        background: #FFF;
    }

    header.main-header .topheader #nav-icon1 span {
        background: #333;
    }

    header.main-header .topheader .right-sec .right-cotact a {
        color: #333;
    }

    header.main-header .topheader {
        align-items: center;
    }

    .experienced .cont_sec {
        padding: 55px 15px;
    }

    .commansection .banner-content.second-posi {
        background: #663493;
    }

    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextone h1 span,
    .commansection .banner-content.second-posi .banner-content-wrapper .smallertext-second p,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertexttwo h1,
    .commansection .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        color: #FFF;
    }

    .commansection.in_bn .banner-content.second-posi {
        background: #FFF;
    }

    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextone h1,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextone h1 span,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .smallertext-second p,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertexttwo h1,
    .commansection.in_bn .banner-content.second-posi .banner-content-wrapper .banertextthree h1 {
        color: #333;
    }

    .blog_box li .img_wrap::after {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
        height: 100%;
    }

    .blog_box li:hover .img_wrap::after {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    }

    .blog_box li .cont_wrap {
        bottom: 50%;
        transform: translateY(50%);
    }

    .blog_box li .cont_wrap .cus_btn {
        display: inline-block;
    }

    .blog_box li .cont_wrap {
        padding: 0 20px;
    }

    .blog_filter li {
        font-size: 12px;
        padding: 10px 0;
    }

    .blog .left_filter {
        width: 250px;
    }

    .cont_right {
        width: calc(100% - 250px);
    }

    .inputfield {
        font-size: 11px;
    }

    .blog_detail .cont_right {
        padding: 30px;
    }

    .blog_det .com_heading2 {
        font-size: 3rem;
    }

    .contact .left_side {
        width: 280px;
    }

    .contact .right_side {
        width: calc(100% - 280px);
        padding-left: 30px;
    }

    .built_around .cont {
        padding-left: 30px;
    }

    .padd_sec2 {
        padding: 40px 0;
    }

    .contact_inner .cont {
        padding: 40px 40px 40px 0;
    }

    .contact_inner .img_wrap {
        background: #333;
    }

    .contact_inner .img_wrap::after {
        background: #333;
    }

    .contact_map {
        padding-top: 32%;
    }

    .contact_inner .cont p {
        line-height: 30px;
    }

    .contact_inner .img_wrap {
        width: 300px;
        padding: 0 30px;
    }

    .contact_inner .cont {
        width: calc(100% - 300px);
    }

    .our_work .com_heading {
        font-size: 4rem;
        line-height: 60px;
    }

    .our_work.ban_sec::after {
        background: #000;
        opacity: 0.7;
    }

    .how_work .cont_sec {
        padding: 30px 30px 30px 0;
    }

    .how_work.opposite .cont_sec {
        padding: 30px 0 30px 30px;
    }

    .deposit {
        margin-top: 30px;
    }

    .ulplan.double li {
        width: 100%;
    }

    .develop_box::after {
        width: 100%;
    }

    .design_box::after {
        height: 100%;
    }

    .summary_cont .left_side {
        width: 100%;
        order: 2;
    }

    .summary_cont .right_side {
        width: 100%;
        order: 1;
    }

    .plan_box {
        height: auto !important;
    }

    .plan_box .box1cont {
        position: static;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.8);
        padding: 40px 10%;
        min-height: 300px;
        display: flex;
        align-items: center;
        align-content: center;
    }

    .plan_box .box1cont p {
        font-size: 14px;
        line-height: 20px;
    }

    .plan_box .box1cont h3 {
        font-size: 26px;
    }

    .bl_img_big {
        display: none;
    }

    .blank_box {
        display: none;
    }

    .design_box .cont h4 {
        font-size: 26px;
    }

    .design_box .cont p {
        font-size: 14px;
        line-height: 20px;
    }

    .design_box {
        height: auto !important;
    }

    .design_box .cont {
        position: static;
        background: rgba(0, 0, 0, 0.8);
        padding: 40px 10%;
        min-height: 300px;
        display: flex;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .design_box::after {
        display: none;
    }

    .develop_box {
        padding: 0;
    }

    .develop_box .cont {
        position: static;
        transform: translateY(0);
        background: rgba(0, 0, 0, 0.8);
        padding: 40px 10%;
        min-height: 300px;
        display: flex;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%;
        text-align: center;
    }

    .develop_box .cont h4 {
        font-size: 26px;
    }

    .develop_box::after {
        display: none;
    }

    .develop_box .cont p {
        font-size: 14px;
        line-height: 20px;
    }

    .port_summary .right_side p {
        font-size: 12px;
    }

    .grid-sizer,
    .test_inner li {
        width: calc(33.33% - 15px);
    }

    #list-item-info .info-item {
        min-height: 400px;
    }

    .seelist header.main-header .topheader {
        display: flex;
    }

    .commansection .banner-content.second-posi.home_bn_cont {
        background: #FFF;
    }

    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextone h1,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextone h1 span,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .smallertext-second p,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertexttwo h1,
    .commansection .banner-content.second-posi.home_bn_cont .banner-content-wrapper .banertextthree h1 {
        color: #333;
    }

    .commansection .banner_slider .slider_content .banertexttwo .smallertext p {
        letter-spacing: 0;
        word-spacing: 0;
        padding: 0 15px;
    }

    ul.test_slide li .cont p {
        max-height: initial;
        padding-top: 25px;
    }

    ul.test_slide li .cont .read_morebtn {
        max-height: initial;
        margin-top: 40px;
    }

    ul.test_slide li .cont {
        height: calc(100% - 200px);
        margin-top: 200px;
    }

    .black_logo {
        display: inline-block;
    }

    .desk_port {
        display: none !important;
    }

    header.main-header .topheader .right-sec .left-nav ul li.active a::before {
        display: none;
    }

    header.main-header .topheader .right-sec .left-nav ul li.active a {
        color: #663493;
    }
}

@media(max-width:768px) {
    .signature-quote-div {
        padding: 60px 20px 20px;
    }

    .value-wrapper {
        width: 32%;
        padding: 10px;
        margin-bottom: 10px;
        background: rgba(255, 255, 255, 0.4);
    }

    .built_around.founder-section .img_wrap {
        padding-top: 100%;
        background-position: center center;
    }

    .says-values h1 {
        color: #000 !important;
    }

    .our-team-section h1 {
        font-size: 5rem !important;
    }

    .commansection.our-team-section .banner-content .banner-content-wrapper .smallertext-second p {
        font: 1.8rem/1.5 "open_sansregular";
    }

    .mob_prot .new_slick .thumimg {
        height: 450px;
    }

    .mob_prot .new_slick {
        height: 450px;
    }

    ul.test_slide {
        padding: 0;
    }

    ul.test_slide .slick-dots {
        position: absolute;
        left: 50%;
        bottom: 30px;
        transform: translateX(-50%);
    }

    ul.test_slide .slick-dots li {
        width: auto;
        height: auto;
        min-height: auto;
        border: 0;
        padding: 0 3px;
    }

    ul.test_slide .slick-dots li:before {
        display: none;
    }

    ul.test_slide .slick-dots li button {
        font-size: 0;
        border: 1px solid #666;
        border-radius: 50%;
        width: 10px;
        height: 10px;
        display: inline-block;
        padding: 0;
    }

    ul.test_slide .slick-dots li button:hover {
        background: #663493;
        cursor: pointer;
        border-color: #663493;
    }

    ul.test_slide .slick-dots li.slick-active button {
        background: #663493;
        cursor: pointer;
        border-color: #663493;
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font: 1.8rem/1.3 "open_sansregular";
    }

    .established .cus_btn {
        margin-top: 20px;
    }

    .bannerimg {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
    }

    .home_bn {
        position: relative;
    }

    .ban_cont {
        position: relative;
        bottom: initial;
        padding: 50px 0;
    }

    .top_banner .bannerimg {
        position: relative;
        padding-top: 0;
    }

    .commansection .banner-content {
        padding: 40px 0;
    }

    .list_abt .inner_sec .img_wrap {
        width: 100%;
        order: 1;
    }

    .list_abt .inner_sec.sec1 .img_wrap {
        width: 100%;
    }

    .list_abt .inner_sec.sec1 .cont {
        width: 100%;
    }

    .list_abt .inner_sec .cont {
        width: 100%;
        order: 2;
    }

    .list_abt .inner_sec.opposite .cont {
        text-align: left;
    }

    .cus_btn {
        font-size: 10px;
    }

    .list_abt .inner_sec .cont {
        padding: 40px 15px;
    }

    .list_abt .inner_sec.sec1 .cont {
        padding: 40px 15px;
    }

    .blog .left_filter {
        width: 100%;
        order: 2;
        padding: 15px;
    }

    .cont_right {
        width: 100%;
        order: 1;
    }

    .blog_box li .cont_wrap .cus_btn {
        font-size: 11px;
    }

    .pagination {
        padding: 40px 15px;
    }

    .blog_det .com_heading2 {
        font-size: 4rem;
        margin-bottom: 10px;
    }

    .blog_det h3 {
        font-size: 2.5rem;
    }

    .blog_det p {
        font-size: 14px;
    }

    .blog_detail .cont_right {
        padding: 40px 15px 0 15px;
    }

    .contact .left_side {
        width: 100%;
        order: 2;
    }

    .contact .right_side {
        width: 100%;
        padding: 0 0 40px 0;
        order: 1;
    }

    .contact .left_side .add {
        max-width: 100%;
    }

    .built_around .img_wrap {
        position: static;
        padding-top: 50%;
        width: calc(100% + 30px);
        margin: 0 -15px 0 -15px;
    }

    .built_around .cont {
        width: 100%;
        padding: 30px 0 30px 0;
    }

    .contact_inner .img_wrap {
        width: 100%;
        padding: 60px 30px;
    }

    .contact_inner .cont {
        width: 100%;
        padding: 40px 0 0 0;
    }

    .contact_map {
        padding-top: 38%;
    }

    .how_work .wrapper {
        display: flex;
        flex-wrap: wrap;
    }

    .how_work .cont_sec {
        width: 100%;
        padding: 40px 0;
        order: 2;
    }

    .how_work .img_wrap {
        position: static;
        padding-top: 50%;
        width: calc(100% + 30px);
        order: 1;
        margin: 0 -15px 0 -15px;
    }

    .how_work.opposite .cont_sec {
        padding: 40px 0;
    }

    .grow .left_side {
        width: 100%;
    }

    .grow .right_side {
        width: 100%;
        margin: 30px 0 0 0;
        padding-bottom: 80px;
    }

    .grow .right_side p {
        font-size: 16px;
    }

    .port_summary .left_side {
        width: 100%;
    }

    .port_summary .right_side {
        width: 100%;
        padding: 40px 15px;
    }

    .section_fourth .user_reviews .people {
        height: auto;
    }

    .section_fourth .user_reviews .Testimoni {
        height: auto;
    }

    .contact .right_side ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .grid-sizer,
    .test_inner li {
        width: calc(50% - 15px);
    }

    #list-item-info .info-item .info-name h2 {
        line-height: 50px;
    }

    #list-item-info .info-item .info-top {
        margin-bottom: 5px;
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second {
        padding: 10px 0 20px 0;
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
        font-size: 2.2rem;
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p {
        font-size: 1.5rem;
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
        font-size: 1.6rem;
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .slick-dots {
        margin-top: 25px;
    }

    ul.test_slide {
        height: 700px;
    }

    ul.test_slide li {
        height: 700px;
    }

    .contact_inner .img_wrap {
        margin-top: 40px;
        padding: 40px 0;
    }

    .contact_inner .img_wrap::before {
        content: "";
        width: 10000px;
        height: 100%;
        background: #333;
        position: absolute;
        right: 100%;
        top: 0;
    }
}

@media(max-width:540px) {
    .signature-quote-div p {
        font-size: 14px;
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second p {
        font-size: 12px;
    }

    .built_around.stand-for ul li {
        font-size: 15px;
    }

    .built_around.stand-for .com_heading br {
        display: none;
    }

    .value-wrapper {
        width: 49%;
        background: rgba(255, 255, 255, 0.4);
        padding: 5px;
        margin-bottom: 6px;
    }

    .smallertext p {
        font-size: 12px;
    }

    .list_abt .inner_sec .cont p {
        font-size: 12px;
    }

    .list_abt .inner_sec .cont h3 {
        font: 6rem/1 "josefin_sanssemibold";
    }

    header.main-header .topheader .right-sec {
        padding-right: 20px;
    }

    .blog_box li .cont_wrap h3 {
        font-size: 3rem;
    }

    .pagination ul li a {
        width: 35px;
        height: 35px;
    }

    .blog_det .com_heading2 {
        font-size: 5rem;
    }

    .blog_det h3 {
        font-size: 20px;
    }

    .contact .left_side h3 {
        font-size: 5rem;
    }

    .contact_inner .cont p {
        line-height: 24px;
        font-size: 14px;
    }

    .contact_map {
        padding-top: 45%;
    }

    .our_work .com_heading::after {
        display: none;
    }

    .our_work .com_heading {
        line-height: initial;
        font-size: 5rem;
    }

    .how_work_h {
        font-size: 3rem;
    }

    .how_work_h span {
        font-size: 15rem;
    }

    .grow .right_side h2 {
        font-size: 12rem;
    }

    .commansection .banner-content .banner-content-wrapper .smallertext-second.banp {
        padding-top: 10px;
    }

    #list-item-info .info-item .info-name h2 {
        line-height: 30px;
        margin-bottom: 5px;
    }

    .watch-trailer {
        font-size: 12px;
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text h3 {
        font-size: 3.2rem;
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p {
        font-size: 2.5rem;
    }

    .section_fourth .user_reviews .Testimoni .tesi_slide .text p.user {
        font-size: 2.8rem;
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 40px 15px;
    }

    .section_fourth .user_reviews .people h1.purple {
        border-bottom: 3px solid #dad9da;
    }

    .section_fourth .user_reviews .people h4 {
        padding-left: 15px;
    }

    .section_fourth .user_reviews .people h1 {
        padding-left: 15px;
    }

    .section_three .airbox {
        width: 100%;
    }

    .ct-scroll-top {
        bottom: 30px;
        color: #f9f9f9;
        height: 45px;
        position: fixed;
        right: 30px;
        text-align: center;
        width: 45px;
        z-index: 1002;
        overflow: hidden;
        line-height: 40px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        border-radius: 45px;
        background-color: #000;
        font-size: 21px;
    }

    #menu {
        display: none;
    }
}

@media(max-width:480px) {
    .bannerimg {
        padding-top: 0;
    }

    .mob_prot .new_slick .thumimg {
        height: 320px;
    }

    .mob_prot .new_slick {
        height: 320px;
    }

    header.main-header .topheader .right-sec .right-cotact a {
        display: block;
        margin: 4px 0 0 8px;
    }

    .left-logo a img {
        width: 120px;
    }

    header.main-header .topheader .right-sec .right-cotact a {
        font-size: 14px;
        margin: 0;
    }

    .experienced ul {
        margin-top: 30px;
    }

    .experienced ul li {
        padding: 0 10px;
    }

    .blog_box li {
        width: 100%;
        padding-top: 50%;
    }

    .blog_post {
        flex-wrap: wrap;
    }

    .blog_social {
        width: 100%;
        margin-top: 10px;
    }

    .blog_social a {
        margin: 0 5px 0 0;
    }

    .contact_map {
        padding-top: 50%;
    }

    .commansection .banner-content {
        padding: 20px 0;
    }

    .grid-sizer,
    .test_inner li {
        width: 100%;
    }

    .section_fourth .user_reviews .Testimoni {
        padding: 30px 15px;
    }

    .section_fourth .logos .img_fig {
        padding-top: 60%;
    }

    .section_fourth .logos .img_fig .fig_cap {
        max-width: 300px;
    }

    .commansection .banner-content .banner-content-wrapper .banertextthree h1 {
        font: 4.9rem/1.2 "josefin_sansbold_italic";
    }

    .commansection .banner-content .banner-content-wrapper .banertextone h1 {
        font: 4.9rem/1.2 "josefin_sansbold_italic";
    }

    .commansection .banner-content .banner-content-wrapper .banertexttwo h1 {
        font: 4.9rem/1.2 "josefin_sansbold_italic";
    }

    ul.test_slide li .cont {
        height: calc(100% - 140px);
        margin-top: 140px;
    }

    ul.test_slide li:hover::before {
        background: #FFF;
    }

    ul.test_slide li:hover img {
        filter: invert(0);
    }

    ul.test_slide li:hover .cont p {
        color: #333;
    }

    ul.test_slide li:hover .cont .read_morebtn .cus_btn {
        color: #333;
        border-color: #333;
    }

    ul.test_slide .slick-dots {
        transform: translateX(0);
        width: 100%;
        display: flex !important;
        justify-content: center;
        left: 0;
    }
}


/**New Section Postfolio**/

.desk-portfolio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.desk-portfolio.height-full {
    height: 100%;
}

.portfolio-banner-logo img[title="MDD"] {
    max-width: 300px;
}

.desk-portfolio .desk-port-grid {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: 50vh;
}

.desk-portfolio .port-title {
    background-color: #663493;
    padding: 2.4em;
    overflow: hidden;
}

.desk-portfolio .port-title .title-inner-flex {
    height: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.desk-portfolio .port-title .title-inner-flex h3 {
    color: #fff;
    font: 4rem/1 "josefin_sanssemibold";
    margin: 0 0 10px 0;
}

.desk-portfolio .port-title .title-inner-flex h3 span {
    font-size: 25px;
    color: #e5e5e5;
    font-family: josefin_sansregular;
    vertical-align: super;
}

.desk-portfolio .port-title .title-inner-flex .title-inner {
    width: 100%;
}

.desk-portfolio .port-title .title-inner-flex .text-below-title {
    position: relative;
    margin: 0 0 20px 0;
}

.desk-portfolio .port-title .title-inner-flex .text-below-title p {
    font-size: 2.3rem;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #ffffff;
    font-family: josefin_sanssemibold_italic;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.desk-portfolio .port-title .title-inner-flex .button-wrap a {
    font: 1rem/1 "josefin_sansregular";
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 1px;
    border: 2px solid #fff;
    padding: 17px 15px 12px;
    -webkit-transition: all 2s;
    transition: all 2s;
    display: inline-block;
}

.desk-portfolio .port-title .title-inner-flex .text-below-title::after {
    content: "";
    width: 6000px;
    display: inline-block;
    position: absolute;
    height: 5px;
    top: 43%;
    right: 0;
    transform: translateY(-43%);
    background: rgba(255, 255, 255, .2);
}

.desk-portfolio .port-title .title-inner-flex .text-below-title p:last-of-type {
    margin: 0;
}

.desk-portfolio .port-title .title-inner-flex .button-wrap a:hover {
    background-color: #000000;
    border: 2px solid transparent;
}

.desk-portfolio .port-item {
    padding: 30px;
    background-size: calc(100% + 150px);
    background-position: center center;
    transition: background .4s;
}

.list_packages .wrapper {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
}

.desk-portfolio .port-item:hover {
    background-size: calc(100% + 170px);
}

.desk-portfolio .port-item .text-flex {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.desk-portfolio .port-item .text-flex h4 {
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 1.4;
    color: #ffffff;
    font-family: josefin_sansregular;
}

.desk-portfolio .port-item .text-flex p {
    font-size: 14px;
    line-height: 1.3;
    color: #e1e1e1;
    max-width: 50%;
}

.desk-portfolio .port-item .text-flex .text-inner {
    width: 100%;
}

.port-center-left .text-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.desk-portfolio .text-center {
    text-align: center;
}

.desk-portfolio .port-item.text-center .text-flex p {
    margin: 0 auto;
    max-width: 100%;
}

.port-center-bottom .text-flex {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}


/**mobile portfolio section**/

.mobile-wrapper {}

.mobile-wrapper .title-inner {
    background-color: #663493;
    padding: 2.4em;
    overflow: hidden;
}

.mobile-wrapper .title-inner h3 {
    color: #fff;
    font: 4rem/1 "josefin_sanssemibold";
    margin: 0 0 10px 0;
}

.mobile-wrapper .title-inner .text-below-title {
    position: relative;
    margin: 0 0 20px 0;
}

.mobile-wrapper .title-inner .text-below-title p {
    font-size: 2.3rem;
    letter-spacing: -1px;
    line-height: 1.2;
    color: #ffffff;
    font-family: josefin_sanssemibold_italic;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.mobile-wrapper .title-inner .text-below-title::after {
    content: "";
    width: 10000px;
    display: inline-block;
    position: absolute;
    height: 5px;
    top: 43%;
    right: 0;
    transform: translateY(-43%);
    background: rgba(255, 255, 255, .2);
}

.mobile-wrapper .title-inner .button-wrap a {
    font: 1.5rem/1 "josefin_sansregular";
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    letter-spacing: 1px;
    border: 2px solid #fff;
    padding: 17px 15px 12px;
    -webkit-transition: all 2s;
    transition: all 2s;
    display: inline-block;
}

.mobile-wrapper .desk-port-grid {
    padding: 40px 60px;
    min-height: 44rem;
    background-size: cover;
    background-position: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-wrapper .desk-port-grid .text-flex {
    display: -webkit-box;
    display: -ms-flexbox;
}

.mobile-wrapper .desk-port-grid.port-center-left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-wrapper .desk-port-grid .text-inner h4 {
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 1.4;
    color: #ffffff;
    font-family: josefin_sansregular;
}

.mobile-wrapper .desk-port-grid .text-inner p {
    font-size: 14px;
    line-height: 1.3;
    color: #e1e1e1;
}

.mob_prot .mobile-wrapper .new_slick {
    height: auto !important;
}

.mobile-wrapper .desk-port-grid.text-center {
    text-align: center;
}

.mobile-wrapper .desk-port-grid .text-inner {
    width: 100%;
}

.icons_wrapper {
    width: 100%;
}

.mobile-wrapper .desk-port-grid.port-center-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.desk-portfolio .port-item .text-flex h4 img {
    margin-bottom: 15px;
}

.desk-portfolio .port-item.text-center .text-flex h4 img {
    text-align: center;
    margin: 0 auto 15px;
}

.section_fourth .heading-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    width: 50%;
    align-items: center;
    justify-content: center;
}

.heading-wrap {}

.section_fourth .heading-grid .icons-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    height: 100%;
    background: #434049;
}

.section_fourth .people {}

.section_fourth .people h4 {
    font: 5rem/1 "josefin_sansbold";
    color: #e5e5e5;
}

.section_fourth .people h4 span {
    font: 1.5625rem/1 "josefin_sansbold";
    text-transform: uppercase;
    vertical-align: middle;
}

.section_fourth .people h3 {
    font: 4.3rem/1 "josefin_sansbold_italic";
    color: #333;
    padding: 6px 0 0 0;
}

.section_fourth .people h3.purple {
    color: #663493;
    position: relative;
    line-height: 0;
    padding-bottom: 34px;
}

.section_fourth .people h3.purple::after {
    content: "";
    background: #dad9da;
    height: 5px;
    position: absolute;
    right: 0;
    width: 6000px;
    display: inline-block;
    bottom: 0;
}

.section_fourth .heading-grid .icons-wrap .list_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px 0;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section_fourth .heading-grid .icons-wrap .list_logo:first-of-type {
    border-bottom: 1px solid #a19fa4;
}

.section_fourth .heading-grid .icons-wrap .list_logo li {
    width: 25%;
}

.section_fourth .heading-grid .icons-wrap .list_logo li img {
    margin: 0 auto;
    max-width: 70%;
    filter: grayscale(3);
}

.section_fourth .flider-grid {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    padding: 40px;
    background: #653394 url(/images/testimonial-bg-circle.png) no-repeat center center;
    background-size: auto 100%;
}

.testimonial-logo .slider-bottom {
    background: #e2e2e2;
    padding: 25px 20px;
}

.testimonial-logo .slider-bottom .brand-wrap {
    padding: 0 10px;
    text-align: center;
}

.testimonial-logo .slider-bottom .brand-wrap img {
    margin: auto;
}

.testimonial-logo .slider-bottom .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.seelist #list-item-bg .bg-item.active .bg-container video {
    height: 100%;
}

.llc-video video {
    min-width: 100%;
    min-height: calc(100% + 300px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    max-width: inherit;
}

.content-wrapper {
    width: 100%;
}

@supports (-moz-appearance:none) {
    .section_fourth .people h3.purple::after {
        bottom: 13px;
    }
}

.wrapper.testimonial-page-wrapper {
    max-width: 100%;
    padding: 0 100px;
}

.client_head {
    padding-left: 70px;
}

.top_banner.videoShow .videosectiobanner {
    top: 0;
    overflow: hidden;
}

body.contactTemplate .built_around .img_wrap {
    position: static;
    width: 100%;
    padding-bottom: 90%;
}

body.contactTemplate .built_around .wrapper {
    flex-direction: inherit;
    max-width: 100%;
    padding: 0;
    justify-content: center;
}

body.contactTemplate .built_around .cont {
    max-width: 600px;
    padding-right: 15px;
}

body.contactTemplate .built_around .img_box_wrap {
    width: 60%;
    overflow: hidden;
    height: 100%;
    /* margin-bottom: 20px; */
}

.testimonialsTemplate .bannerimg.banner-overlay::before {
    background: rgba(0, 0, 0, 0.15);
}

.london_contact_template .bannerimg.banner-overlay::before {
    background: rgba(0, 0, 0, 0.25);
}

@media (max-width: 1440px) {
    .testimonial-logo .slider-bottom .brand-wrap img {
        margin: auto;
        width: auto;
        max-height: 40px;
    }

    .contact .right_side ul li {
        margin-bottom: 8px;
    }

    .contact .left_side .add.first {
        margin-top: 25px;
    }

    .contact .left_side .add {
        margin-bottom: 20px;
    }

    .inputfield {
        padding: 15px 18px;
    }

    textarea.inputfield {
        height: 110px;
    }

    .section_fourth {
        height: calc(100% - 90px);
    }

    .price-range-div.experienced ul {
        margin-top: 20px;
    }

    .list_packages .com_heading {
        font: 3rem/1.1 "josefin_sansbold_italic";
    }

    .list_packages .com_heading {
        font: 2.8rem/1.1 "josefin_sansbold_italic";
    }

    .price_content .smallertext p {
        font: 14px/1.5 "open_sansregular";
    }

    .established .cus_btn {
        margin-top: 15px;
    }

    .price-range-div h5 {
        font: 17px/1 "josefin_sanssemibold";
        margin-bottom: 15px;
    }

    .price_content .smallertext p {
        margin-bottom: 10px;
    }

    .established.list_packages .cont_sec {
        width: 68%;
    }

    .price-range-div .smallertext {
        padding: 9px 0 5px;
    }
}

@media (max-width: 1280px) {
    .section_fourth .people h3 {
        font: 3.3rem/1 "josefin_sansbold_italic";
    }
}


/* // Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
    .client_head {
        padding-left: 70px;
    }

    .wrapper.testimonial-page-wrapper {
        padding: 0 50px;
    }

    .flider-grid ul.slick-dots {
        margin-bottom: 30px;
    }

    .testimonial-logo .section_fourth .people h3 {
        font: 3.3rem/1 "josefin_sansbold_italic";
    }

    .desk_port .port-title {
        padding: 1.5em;
    }

    .desk_port .port-title .title-inner-flex .text-below-title p {
        font-size: 2rem;
    }

    .desk_port .port-item {
        padding: 20px;
    }

    .desk_port .port-item .text-flex p {
        font-size: 14px;
    }

    .desk_port .port-item {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .desk_port .port-item:hover {
        background-size: cover;
    }

    .cont_sec.price_content {
        padding: 90px 0;
    }

    .established .wrapper {
        display: flex;
    }

    .section_fourth {
        align-items: center;
    }
}


/* // Medium devices (tablets, less than 992px) */

@media (min-width:1367px) and (max-width:1399px) {
    .services-page-listing .inner_sec .cont h3 {
        font: 3rem/1.2 "josefin_sansbold_italic";
    }

    .services-page-listing .inner_sec .cont {
        padding: 30px 50px 30px 50px;
    }
}

@media (min-width:1341px) and (max-width:1366px) {
    .services-page-listing .inner_sec .cont {
        padding: 40px 50px 40px 50px;
    }

    .services-page-listing .inner_sec .cont h3 {
        font: 2.8rem/1.2 "josefin_sansbold_italic";
    }

    .services-page-listing .inner_sec.opposite.sec1 .cont {
        padding-left: 0;
    }
}

@media (min-width:1281px) and (max-width:1340px) {
    .services-page-listing .inner_sec .cont h3 {
        font: 2.5rem/1.2 "josefin_sansbold_italic";
    }

    .services-page-listing .inner_sec .cont {
        padding: 30px 50px 30px 50px;
    }

    .services-page-listing .inner_sec.opposite.sec1 .cont {
        padding-left: 0;
    }
}

@media (min-width:992px) and (max-width:1280px) {
    .services-page-listing .inner_sec .cont h3 {
        font: 2rem/1.2 "josefin_sansbold_italic";
    }

    .services-page-listing .inner_sec .cont {
        padding: 30px 10px 30px 0px;
    }

    .services-page-listing .inner_sec.opposite.sec1 .cont {
        padding-left: 0;
    }

    .services-page-listing .inner_sec .cont {
        margin-left: -85px;
    }

    .services-page-listing .inner_sec.opposite .cont {
        margin-right: -85px;
    }

    .services-page-listing .inner_sec.opposite .cont {
        padding-left: 0;
    }
}

@media (max-width:992px) and (max-width: 1199px) {
    .services-page-listing .inner_sec .cont p {
        font: 13px/1.5 "open_sansregular";
    }
}

@media (max-width: 992px) {
    .established.list_packages .cont_sec {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .client_head {
        padding-left: 0;
    }

    .portfolio-banner-logo img {
        max-width: 240px;
    }

    ul.test_slide li .cont {
        margin-top: 170px !important;
    }

    .established.list_packages .cont_sec {
        width: 100%;
    }

    .list_packages .com_heading {
        font: 40px/1.1 "josefin_sansbold_italic";
    }

    h6.reviewer-name {
        font: 14px/1.5 "open_sansbold";
    }

    .testimonial-slider-wrapper h3 {
        font: 2.2rem/1.3 "josefin_sansbold";
    }

    .section_fourth .heading-grid {
        width: 100%;
        padding: 2.4em;
        justify-content: flex-start;
    }

    .section_fourth .flider-grid {
        width: 100%;
        padding: 2.4em;
    }

    .section_fourth .heading-grid .heading-wrap {
        width: 100%;
    }

    .section_fourth .flider-grid {
        width: 100%;
    }

    .services-page-listing .inner_sec .img_wrap {
        width: 100%;
    }

    .services-page-listing .inner_sec .cont {
        width: 100%;
    }

    .services-page-listing .inner_sec.opposite .img_wrap {
        width: 100%;
        margin-right: 0;
    }

    .services-page-listing .inner_sec .cont {
        margin-left: 0;
    }

    .services-page-listing .inner_sec.opposite .cont {
        padding-left: 50px;
    }

    .services-page-listing .inner_sec.opposite .img_wrap {
        order: 0;
    }

    .services-page-listing.first-section-services .inner_sec.opposite .img_wrap {
        width: 100%;
    }

    .services-page-listing.first-section-services .inner_sec.opposite .cont {
        width: 100%;
    }

    .services-page-listing .inner_sec.opposite .cont {
        padding-right: 50px;
    }

    .com_heading.what-wedo-heading {
        font: 4rem/1.1 "josefin_sansbold_italic";
        padding: 50px 0 50px 50px;
    }

    .services-page-listing .inner_sec.opposite .cont {
        width: 100%;
    }

    .cont-img img {
        max-width: 60px;
    }
}

@media (max-width: 768px) {

    .commansection .videosectiobanner {
        display: none !important;
    }


}

/* // Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    .portfolio-banner-logo img {
        max-width: 150px;
    }

    ul.test_slide li .cont {
        margin-top: 170px !important;
    }

    ul.test_slide .slick-dots {
        bottom: 10px;
    }

    .established.list_packages .img_sec.ecommerce-website {
        background-position: center center;
        padding-top: 90%;
    }

    .com_heading.what-wedo-heading {
        padding: 0px 0 20px 0px;
    }

    .services-page-listing .inner_sec .cont {
        padding: 50px 30px !important;
    }

    .price-range-div.experienced ul li img {
        max-width: 120px;
    }

    .testimonial-slider-wrapper h3 {
        font: 19px/1.2 "josefin_sansbold";
        margin: 15px 0 10px;
    }

    .testimonial-logo .section_fourth .people h3.purple {
        padding-bottom: 5px;
    }

    .testimonial-logo .section_fourth .people h3 {
        font: 5rem/1 "josefin_sansbold_italic";
    }

    .list_packages .com_heading {
        font: 30px/1.1 "josefin_sansbold_italic";
    }

    body.contactTemplate .built_around .img_box_wrap {
        width: 100%;
    }

    body.contactTemplate .built_around .img_wrap {
        margin: 0;
    }

    body.contactTemplate .built_around .cont {
        padding-left: 15px;
    }
}


/* // Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {
    .established.list_packages .img_sec {
        background-position: top center;
        padding-top: 90%;
    }

    .add-get-started .cus_btn.white {
        max-width: 170px;
    }

    h6.reviewer-name {
        font: 14px/1.5 "open_sansbold";
    }

    .testimonial-logo .section_fourth .people h4 {
        font: 4rem/1 "josefin_sansbold";
    }

    .price-range-div.experienced ul li img {
        max-width: 100% !important;
    }

    .say-what-home .bannerimg {
        padding-top: 60%;
    }
}

@media (min-width: 3300px) and (min-width: 1600px) {
    .established.list_packages.new-about-page .img_sec.left-img-sec {
        width: 48% !important;
    }

    .established.list_packages.new-about-page .cont_sec {
        width: 52% !important;
        padding-left: 40px !important;
    }
}


/*******site changes css 22-06-2021******/

.our-team-section.no-overlay:after {
    display: none;
}

.bg-purple {
    background-color: #663493;
}

.term-content-wrap {
    max-width: 1000px;
    padding: 50px 15px;
    margin: 0 auto;
}

.term-content-wrap h3 {
    font: 18px/1.3 "open_sanssemibold";
    color: #333;
    margin: 15px 0 10px 0;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
}

.term-content-wrap h2 {
    font: 22px/1.3 "open_sanssemibold";
    color: #333;
    margin: 15px 0 10px 0;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
}

.term-content-wrap p {
    font: 16px/1.3 "open_sansregular";
    color: #666;
    margin-bottom: 15px;
}

@media(min-width:768px) {
    .built_around.built_around2 .img_wrap {
        width: 60%;
    }

    .built_around.built_around2 .cont {
        width: 40%;
    }
}

@media(max-width:1100px) {
    .summary_cont .right_side {
        height: auto;
    }

    .port_summary .left_side {
        min-height: 720px;
    }

    body.contactTemplate .built_around .img_box_wrap {
        margin-bottom: 20px;
    }
}


.commansection .bannerimg.imageTagWrapper .imgTagImage {
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: inherit;
}

.desk-portfolio .port-item .imageTagWrapper,
.desk-port-grid.port-item .imageTagWrapper {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.desk-portfolio .port-item,
.desk-port-grid.port-item {
    position: relative;
}

.desk-portfolio .port-item .imageTagWrapper .imgTagImage,
.desk-port-grid.port-item .imageTagWrapper .imgTagImage {
    height: 100%;
    width: 100%;
    transition: 0.3s;
    object-fit: cover;
}

.desk-portfolio .port-item:hover .imageTagWrapper .imgTagImage,
.desk-port-grid.port-item:hover .imageTagWrapper .imgTagImage {
    transform: scale(1.05);
}

.desk-portfolio .port-item .text-flex,
.desk-port-grid.port-item .text-inner {
    position: relative;
    z-index: 2;
}

@media (max-width: 1199px) {
    .services-page-listing .inner_sec .img_wrap {
        padding: 25% 0;
    }

    .services-page-listing .inner_sec .img_wrap::before {
        top: 0;
    }
}

@media (max-width: 991.98px) {

    footer p,
    footer li,
    footer a {
        font-size: 14px !important;
    }

    .services-page-listing .inner_sec .cont {
        padding: 15% 30px;
    }

    .services-page-listing .inner_sec.opposite.sec1 .cont {
        padding-left: 30px;
    }

    .com_heading.what-wedo-heading {
        padding: 0px 0 50px 0px;
    }

    .services-page-listing .inner_sec .img_wrap {
        padding: 40% 0;
    }



}

.term-content-wrap a.color-text-black {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    width: 100%;
}

.contact_us a:hover {
    color: #d6abfd !important;
}

.contact_inner .img_wrap a {
    color: #fff;
    text-decoration: none;
}

.contact_inner .img_wrap a:hover {
    text-decoration: underline;
}

.service-template .section-two.commansection.section.only_second.top_banner {
    display: block;
}

.main_loader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99998;
    background: #fff;
    width: 100%;
    height: 100%;
}

.main_loader img {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    max-width: 300px;
}

.bannerimg.banner-overlay-light:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.15);
    top: 0;
}

.list_packages {
    overflow-x: hidden;
}