/*custom.css*/
.slideInRight {
    animation-name: slideInRight;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.others_div {
    display: none;
}

.dcontact-section {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 50px;
    background-color: #f9f9f9;
}

.dcontact-form {
    background: #fff;
    margin: 0 auto;
    padding: 50px;
}

.dcontact-form .single-dinp {
    position: relative;
    margin-bottom: 30px;
}

.dcontact-form .single-dinp .d-inp {
    position: relative;
    width: 100%;
    padding: 25px 60px 14px 18px;
    border: 1px solid #d9d9d9;
    z-index: 1;
    background-color: #fff;
}

.dcontact-form span.error-dinp {
    display: none;
}

.dcontact-form .help-block {
    padding: 7px 8px;
    background: #f83535;
    color: #fff !important;
    position: absolute !important;
    left: 10px !important;
    bottom: 0;
    line-height: 16px;
    display: inline-block;
    height: 30px;
    line-height: 18px;
    z-index: 9;
    bottom: -34px !important;
    z-index: 99;
}

.dcontact-form .help-block:before {
    width: 8px;
    height: 8px;
    background: #f83535;
    position: absolute;
    left: 10px;
    top: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
}

.dcontact-form .inp-placeholder {
    position: absolute;
    display: block;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    padding-left: 18px;
    font-size: 17px;
    line-height: 60px;
    color: #a4a8ad;
    text-align: left;
    background-color: transparent !important;
    z-index: 3;
    pointer-events: none;
    -webkit-transition: .1s linear;
    transition: .1s linear;
}

.dcontact-form .d-inp.inactive ~ .inp-placeholder {
    text-indent: 0;
    font-size: 17px;
    line-height: 60px;
    font-weight: 300;
}

.dcontact-form .d-inp ~ .inp-placeholder {
    font-size: 13px;
    line-height: 38px;
    font-weight: 300;
}

.d-textarea {
    height: 140px;
    resize: none;
    resize: none;
}

.dcontact-form .single-dtextinp {
    margin-bottom: 15px;
}

.dcontact-form .d-inp:focus {
    border-color: #a8e19a;
    -webkit-box-shadow: 0 0 3px .5px #a8e19a;
    box-shadow: 0 0 3px .5px #a8e19a;
}

.dcontact-form .attactinp {
    background-color: #fff;
    margin-left: 30px;
    padding: 4px 0;
    font-size: 15px;
    color: #1c2d5d;
}

.dcontact-form .attach-notification {
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 13px;
    line-height: 13px;
    color: #1c2d5d;
    text-align: left;
    font-weight: 600;
}

.dcontact-form .d-custom-file {
    position: relative;
    line-height: 30px;
    border: none;
    outline: 0;
}

.dcontact-form .d-attactfile-label {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background: #fff;
    width: 126px;
    margin: 0;
    padding: 0 0 0 15px;
    line-height: 30px;
    color: #1c2d5d;
    text-align: center;
    height: 30px;
}

.dcontact-form .d-attactfile-label:after {
    content: "\f0c6";
    position: absolute;
    margin-left: 4px;
    font-family: fontawesome;
    top: 0;
    color: #f68c26;
    font-size: 18px;
    font-weight: 700;
    left: 0;
}

.dcontact-form .d-sbmt-btn {
    background: #162b65 !important;
    border: 2px solid #162b65;
    color: white !important;
    height: 51px;
    border: 1px solid #5165a3;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    font-family: 'Catamaran';
    padding: 16px 36px;
    position: relative;
    font-size: 18px;
    line-height: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.dcontact-form .d-sbmt-btn:hover {
    background: #fff;
    color: #f68c26;
}

.dcontact-title h2 {
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    margin: 10px;
    position: relative;
}

.dcontact-title p {
    position: relative;
    font-size: 16px;
    padding: 10px 0;
    text-transform: unset;
}

.dcontact-title p::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f68c26;
}

.dcontact-form .attactinp:focus {
    outline: 0;
}

.single-dinp.subject_div select {
    position: relative;
    text-indent: 0;
    font-size: 17px;
    line-height: 60px;
    font-weight: 300;
    color: #a4a8ad;
    padding: 0 20px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.subject_div {
    position: relative;
}

.subject_div:after {
    position: absolute;
    content: "";
    top: 28px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #f68c26 transparent transparent transparent;
    z-index: 1;
}

.attach-notification span {
    display: inline-block;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 700;
}

@media only screen and (max-width: 991px) {
    button.btn.btn-default.search_button {
        height: 50px;
        font-size: 14px;
        width: 120px;
    }

    input.form-control.search_input {
        height: 50px !important;
        padding-left: 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    .client-logo {
        top: -70px;
    }

    .equally_centralized {
        margin-bottom: 20px;
        text-align: center;
        justify-content: center;
    }

    .test-content-in {
        margin-top: -40px;
    }

    .client-content {
        margin-top: 0;
    }

    .testmonial-control {
        bottom: 40px;
    }

    section.common-section.bg-black.testmonial-section {
        padding-bottom: 0;
    }

    .why-choose-us-content ul li {
        display: block;
        list-style: none;
        font-size: 16px;
        font-weight: 500;
        color: #1d2d5d;
        line-height: 42px;
        padding-left: 30px;
        position: relative;
        margin-bottom: 5px;
    }

    .why-choose-us-content ul li {
        padding-left: 30px;
    }

    .testmonial-carousel {
        display: none;
    }
}

.fixed-testmonial-shap {
    background: 0 0;
}

.dnewslatter {
    background: #f68c26;
    padding: 35px 10px;
    overflow: hidden;
}

input.form-control.search_input {
    height: 65px;
    border-radius: 100px !important;
    border-right: none;
    padding-left: 30px !important;
    border: none;
}

.f_intro_bg .dtc {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.dtc {
    display: table-cell;
}

.pn {
    padding: 0 !important;
}

.equally_centralized {
    display: flex !important;
    align-items: center;
}

.equally_centralized .f_icon {
    float: left;
    margin-right: 10px;
}

img {
    vertical-align: middle;
}

img {
    border: 0;
}

.equally_centralized .f_text {
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 30px;
    text-align: left;
    letter-spacing: .8px;
    margin: 0 10px;
    width: 80%;
}

.f_intro_bg .dtc {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.input-group .search_button {
    z-index: 4 !important;
    border-radius: 100px !important;
    background: #162b65;
    margin-left: -55px !important;
    border: 1px solid #162b65;
    width: 150px;
    height: 65px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    outline: 0 !important;
    padding: 5px 14px;
    position: absolute !important;
    top: 0;
    right: 0;
}
.input-group .search_button:focus{
    outline: none;
    color: #fff;
}
.input-group {
    width: 97%;
}

.input-group-btn {
    position: relative;
}

.input-group-btn > .btn {
    position: relative;
}

button.btn.btn-default.search_button:hover {
    background: #1c2d5d;
    border: 1px solid transparent;
}

.navbar-form.mn {
    margin: 0 -15px;
}

/*custom.css end*/
/**--------------------------------------------
/Default Css
----------------------------------------------**/

a, a:hover, a:focus {
    text-decoration: none;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

body {
    font-size: 15px;
    color: #1d2d5d;
    line-height: calc(100% + 10px);
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

p {
    color: #1d2d5d;
    font-weight: 400;
    font-size: 16px;
    line-height: calc(100% + 10px);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-family: 'Raleway', sans-serif;
}

*:focus {
    outline: none;
}

.common-section {
    padding: 50px 0;
    position: relative;
}

.bg-black {
    background: #1d2d5d;
}

.bg-gray {
    background: #fbfbfb;
}

.bg-gray2 {
    background: #f1f1f1;
}

.doddle-btn {
    min-height: 51px;
    border: 1px solid #5165a3;
    display: inline-block;
    color: #5165a3;
    border-radius: 30px;
    font-family: 'Catamaran';
    padding: 16px 36px;
    position: relative;
    font-size: 18px;
    line-height: 1;
}

.doddle-btn:hover {
    color: #fff;
    background: #5165a3;
}

.doddle-btn:hover span:after {
    border-color: #fff;
}

.doddle-btn:hover b::before {
    background: #fff;
}

.doddle-btn span {
    display: block;
    height: 18px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    width: 18px;
}

.doddle-btn span:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #5165a3;
    border-radius: 100%;
}

.doddle-btn.fill {
    background: #5165a3;
    color: #fff;
}

.doddle-btn.fill span:after {
    border-color: #fff;
}

.doddle-btn b {
   position: absolute;
   width: 100%;
}

.doddle-btn b::before {
    background: #5165a3;
    content: "";
    height: 2px;
    left: -8px;
    position: absolute;
    top: calc(100% - 10px);
    width: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.doddle-btn:hover b:before {
    width: 69%;
}

.doddle-btn.fill b:before {
    background: #fff;
}

.mw200 {
    min-width: 200px;
    text-align: center;
}

.doddle-btn.mw200 b::before {
    left: -38px;
}


/*--------- footer icon ---------*/

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-tick-inside-circle:before {
    content: "\f100";
}


/**--------------------------------------------
/Header Top
----------------------------------------------**/
.header-top {
    background: #1d2d5d;
    padding: 10px 0;
}

.header-top-account {
}

.header-top-account,
.header-top-phone {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-top-phone.admin-top-menu li a i {
    color: #fff;
}

.header-top-account li,
.header-top-phone li {
    display: inline-block;
    position: relative;
    margin-right: 0px;
    border-right: 1px solid #fff;
    padding: 0 14px;
}

.header-top-account li:last-of-type,
.header-top-phone li:last-of-type {
    border-right: none;
}

.header-top-phone li {
    padding-left: 0;
    font-size: 14px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.header-top-phone li i {
    margin-right: 3px;
    font-size: 18px;
    color: #f68c26;
}

.header-top-account li:last-of-type {
    padding-right: 0;
}

.header-top-account li a,
.header-top-phone li a {
    font-size: 13px;
    color: #ffffff;
    display: block;
    line-height: .8;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.header-top-account li a:hover,
.header-top-phone li a:hover {
    color: #f68c26;
}

.header-top-account li a i,
.header-top-phone li a i {
    margin-right: 8px;
}

/**--------------------------------------------
/Header
----------------------------------------------**/


.main-header.fixed-header {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    left: 0;
    right: 0;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

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

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

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.fixed-header .main-menu ul > li:hover,
.fixed-header .main-menu ul > li.active {
    box-shadow: none;
}

.fixed-header .main-menu ul > li:before,
.fixed-header .main-menu ul > li:before {
    display: none;
}

.logo {
    padding: 8px 0;
    width: 193px;
}

.logo img {
    width: 100%;
    height: auto;
}

.logo a {
    display: block;
}

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

.menu li {
    background: transparent;
    min-width: 72px;
    text-align: center;
}

.menu > li {
    display: inline-block;
    position: relative;
}

.menu a {
    font-size: 16px;
    line-height: 17px;
    color: #1d2d5d;
    font-weight: 600;
    display: block;
    line-height: 94px;
    padding: 0 16px;
    background: transparent;
    position: relative;
}

.menu li.active a {
    color: #fff;
}

.menu li.active a:after {
    color: #fff;
}

.menu .sub-menu li:last-of-type {
    border-bottom: transparent;
}

.menu .sub-menu li:first-of-type {
    border-top: transparent;
}

.sub-menu li a {
    display: block;
    color: #fff;
    line-height: 1;
    font-size: 16px;
    padding: 18px 15px;
    transition: all 150ms ease;
    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -ms-transition: all 150ms ease;
    -o-transition: all 150ms ease;
}

/*.menu > li:hover .sub-menu li,*/
/*.menu > li:focus .sub-menu li {*/
/*    opacity: 1;*/
/*    -webkit-transform: none;*/
/*    -moz-transform: none;*/
/*    -ms-transform: none;*/
/*    -o-transform: none;*/
/*    transform: none;*/
/*    visibility: visible;*/
/*}*/

.menu > li:hover {
    background: #f68c26;
    box-shadow: 10px 0 10px rgba(190, 190, 190, 0.75);
}

.menu > li::before {
    background: #f68c26;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: -7px;
    transform: rotate(-7deg);
    width: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
}

.menu > li::before {
    background: #f68c26;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: -7px;
    transform: rotate(-7deg);
    width: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover::before,
.menu > li:hover::after,
.menu > li.active::before,
.menu > li.active::after {
    visibility: visible;
    opacity: 1;
}

.menu > li:hover,
.menu > li.active {
    background: #f68c26;
    box-shadow: 10px 0 10px rgba(190, 190, 190, 0.75);
}

.menu > li > ul > li.active {
    background: #f68c26;
}

.menu li > a:after, .menu > li > a:after {
    position: absolute;
    margin-left: 4px;
    font-family: 'fontawesome';
    top: 0;
    color: #ff712c;
    font-size: 12px;
    font-weight: 700;
    right: 4px;
}

.menu > li > a:after {
    color: #1d2d5d;
}

.menu li > a:after {
    content: '\f107';
}

.menu > li > a:after {
    content: '\f107';
}

.menu li > a:only-child:after {
    content: '';
}

.menu > li::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #b1651d;
    border-image: none;
    border-style: solid;
    border-width: 12px 0 0 17px;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    right: -14px;
    top: -12px;
    width: 0;
    visibility: hidden;
    opacity: 0;
}


.menu .sub-menu li:before {
    background: transparent;
    position: absolute;
    content: '';
    left: 0;
    width: 3px;
    height: 100%;
    z-index: 2;
}

.menu .sub-menu li:hover:before {
    visibility: visible;
    opacity: 1;
    background: #fff;
}

.menu .sub-menu li:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;
}

.menu .sub-menu li:hover a {
    position: relative;
    padding: 18px 15px 18px 34px;
}

.menu .sub-menu li a {
    position: relative;
    padding: 18px 15px 18px 34px;
}

.menu .sub-menu li a img {
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 17px;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
}

.menu .sub-menu li:hover img {
    opacity: 1;
}

/**--------------------------------------------
        /Slider
    ----------------------------------------------**/
/*--------- slider five pert css ----*/
.slide5 .swiper-slide-content h4 {
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -2px
}

.slide5 .swiper-slide-content h2,
.slide5 .swiper-slide-content h3 {
    font-size: 80px;
    margin-bottom: 46px;
    line-height: 100px;
}

.slide5 .swiper-slide-content h2 span,
.slide5 .swiper-slide-content h3 span {
    color: #1c2d5d;
}

.slide5.swiper-slide-content p:last-of-type {
    margin-bottom: 60px;
}

.slide5 .swiper-slide-video {
    width: 50%;
    float: left;
    padding: 94px 0 90px;
}

.slide5 .swiper-slide-content {
    width: 50%;
    float: left;
    padding: 129px 0 108px;
}

.slide5 .doddle-btn {
    color: #fff;
    background: #5165a3;
}

.slide5 .doddle-btn.fill {
    color: #5165a3;
    background: #ffe3c9;
    border-color: #ffe3c9;
}

.slide5 .doddle-btn span:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #fdfdfd;
    border-radius: 100%;
}

.slide5 .doddle-btn.fill span:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #5165a3;
    border-radius: 100%;
}

.slide5 .doddle-btn.fill:hover b::before {
    background: #5165a3;
}

.slide5 .swiper-slide-content p:last-of-type {
    margin-bottom: 50px;
}

/*--------- slider fourth pert css ----*/
.slide4 .container-slider {
    margin: auto auto auto 380px;
    width: 1556px;
}

.slide4 .swiper-slide-video {
    width: 50%;
    float: left;
    padding: 0px 0 0px;
    margin-left: 46px;
}

.slide4 .swiper-slide-video img {
    width: 100%;
    height: 838px;
}

.slide4 .swiper-slide-content {
    width: 47%;
    float: left;
    padding: 89px 0 108px;
}

.slide4 .swiper-slide-content p:last-of-type {
    margin-bottom: 53px;
}

.slide4 .swiper-slide-content h2,
.slide4 .swiper-slide-content h3 {
    font-size: 85px;
    line-height: 118px;
    color: #e6e7e8;
    margin-bottom: 76px;
    position: relative;
    padding: 0;
    font-family: 'Fjalla One', sans-serif;
    font-weight: normal;
}
.slide4 .swiper-slide-content h2 span,
.slide4 .swiper-slide-content h3 span {
    color: #f68c26;
}
.slide4 .doddle-btn {
    color: #fff;
    background: #5165a3;
}
.slide4 .doddle-btn.fill {
    color: #fff;
    background: #f68c26;
    border-color: #f68c26;
}

.slide4 .doddle-btn span:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #fdfdfd;
    border-radius: 100%;
}

/*--- slider three pert css-----*/
.slide3 .container-slider {
    margin: auto auto auto 380px;
    width: 1370px;
}

.slide3 .swiper-slide-content h2,
.slide3 .swiper-slide-content h3 {
    font-size: 80px;
    line-height: 100px;
    margin-bottom: 40px;
}

.slide3 .swiper-slide-content p:last-of-type {
    margin-bottom: 54px;
}

.slide3 .swiper-slide-content {
    width: 57%;
    padding: 116px 0 150px;
}

.slide3 .swiper-slide-video {
    width: 43%;
    float: left;
    padding: 74px 0 88px;
}

.slide3 .swiper-slide-content h2 span,
.slide3 .swiper-slide-content h3 span {
    color: #f68c26;
}

.slide3 .swiper-slide-btn .doddle-btn {
    background: #FFFFFF;
    color: #5165a3;
}

.slide3 .swiper-slide-btn .doddle-btn.fill {
    background: #f68c26;
    color: #FFFFFF;
    border-color: #f68c26;
}

.slide3 .doddle-btn.fill:hover span:after {
    border-color: #FFFFFF;
}

.slide3 .doddle-btn:hover span:after {
    border-color: #5165a3;
}

.slide3 .doddle-btn.fill:hover b::before {
    background: #fff;
}

.slide3 .doddle-btn:hover b::before {
    background: #5165a3;
}


/*--- slider two pert css-----*/
.slide2 .swiper-slide-content h2,
.slide2 .swiper-slide-content h3 {
    font-size: 80px;
    line-height: 100px;
    margin-bottom: 28px;
}

.slide2 .doddle-btn {
    color: #fff;
    background: #5165a3;
}

.slide2 .doddle-btn.fill {
    color: #fff;
    background: #f68c26;
    border-color: #f68c26;
}

.slide2 .doddle-btn span:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #fdfdfd;
    border-radius: 100%;
}

.slide2 .swiper-slide-content p:last-of-type {
    margin-bottom: 48px;
}

.slide2 .swiper-slide-video {
    width: 42%;
    float: left;
    padding: 100px 0 153px;
}

.slide2 .swiper-slide-content {
    width: 58%;
    float: left;
    padding: 140px 0 190px;
}

/*-- slider one pert css---*/
.h_slides {
    height: 838px;
}

.slide1 .container-slider {
    width: 1550px;
}

.slide1 .swiper-slide-content {
    width: 40%;
    float: left;
    padding: 160px 0 108px;
}

.slide1 .swiper-slide-video {
    width: 59%;
    float: left;
    padding: 50px 0 153px;
}

.slide1 .swiper-slide-btn .doddle-btn {
    background: #FFFFFF;
    color: #5165a3;
}

.slide1 .swiper-slide-btn .doddle-btn.fill {
    background: #f68c26;
    color: #FFFFFF;
    border-color: #f68c26;
}

.slide1 .doddle-btn.fill:hover span:after {
    border-color: #FFFFFF;
}

.slide1 .doddle-btn:hover span:after {
    border-color: #5165a3;
}

.slide1 .doddle-btn.fill:hover b::before {
    background: #fff;
}

.slide1 .doddle-btn:hover b::before {
    background: #5165a3;
}

.main-slider {
    /*background: #1d2d5d;*/
    padding: 0;
    position: relative;
    overflow: hidden;
}

.container-slider {
    margin: auto auto auto 380px;
    width: 1330px;
}

.swiper-slide-content {
    width: 58%;
    float: left;
    padding: 160px 0 108px;
}

.swiper-slide {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.swiper-slide-video {
    width: 42%;
    float: left;
    padding: 184px 0 153px;
}

.swiper-slide-video img {
    /*width: 100%;*/
    height: auto;
}

.swiper-slide-content h2,
.swiper-slide-content h3 {
    font-size: 100px;
    line-height: 106px;
    color: #ffffff;
    font-weight: 800;
    margin-bottom: 18px;
    position: relative;
}

.slide1 .swiper-slide-content h2 span small,
.slide1 .swiper-slide-content h3 span small {
    font-size: 21px;
    font-weight: 600;
    color: #f68c26;
    position: absolute;
    left: 177px;
    top: 17px;
    letter-spacing: -2px;
}

/*.slide1 .swiper-slide-content h2 span:last-child{
    font-size:112px;
}*/

.slide1 .swiper-slide-content h2 span,
.slide1 .swiper-slide-content h3 span {
    position: relative;
    display: block;
    line-height: 116px;
}

.slide1 .swiper-slide-content h2 span:nth-child(2),
.slide1 .swiper-slide-content h3 span:nth-child(2) {
    margin-bottom: 4px;
    margin-top: 21px;
}

.slide1 .swiper-slide-content h2,
.slide1 .swiper-slide-content h3 {
    margin-bottom: 105px;
}

.swiper-slide-content p {
    font-size: 16px;
    line-height: calc(100% + 10px);
    color: #ffffff;
    font-weight: 400;
    padding-right: 100px;
}

.swiper-slide-content p:last-of-type {
    margin-bottom: 37px;
}

.slide-bottom-arrow {
    bottom: -300px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 3s ease;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -o-transition: all 3s ease;
}

.swiper-slide-active .slide-bottom-arrow {
    bottom: -80px;
    visibility: visible;
    opacity: 1;
}


.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: none;
    height: 28px;
    right: 60px;
    width: 62px;
    z-index: 2;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: none;
    height: 28px;
    left: 60px;
    width: 62px;
    z-index: 2;
}

.swiper-slide-btn a.doddle-btn {
    margin-right: 15px;
    font-weight: 600;
}

/**--------------------------------------------
/Icon Box
----------------------------------------------**/
.icon-box {
    margin-bottom: 30px;
}

.icon-box img {
    width: 120px;
    height: 120px;
    margin-bottom: 25px;
}

.icon-box h2,
.icon-box h2 a,
.icon-box h3,
.icon-box h3 a {
    color: #1d2d5d;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
}

.icon-box h2 a:hover {
    color: #F68C26;
}

.icon-box p {
    font-size: 16px;
}

/**--------------------------------------------
/SEO SCORE FORM
----------------------------------------------**/
.seo-score-section {
    padding: 80px 0 250px 0;
    overflow: hidden;
}

.seo-score-title {
    font-size: 38px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 4.8px;
    margin-bottom: 78px;
}

.seo-score-form input[type='url'] {
    padding-right: 15px;
}

.seo-score-form input[type='url'],
.seo-score-form input[type='email'] {
    height: 60px;
    background: #5165a3;
    border: none;
    float: left;
    width: 60%;
    font-size: 16px;
    color: #e8e8e8;
    font-weight: 400;
    padding-left: 45px;
}

.seo-score-form input[type='email'] {
    padding-left: 30px;
}

.seo-score-form input[type='url']::-webkit-input-placeholder,
.seo-score-form input[type='email']::-webkit-input-placeholder {
    color: #e8e8e8;
}

.seo-score-form input[type='url']:-moz-placeholder,
.seo-score-form input[type='email']:-moz-placeholder {
    color: #e8e8e8;
}

.seo-score-form input[type='url']:-moz-placeholder,
.seo-score-form input[type='email']:-moz-placeholder {
    color: #e8e8e8;
}

.seo-score-form input[type='url']:-ms-input-placeholder,
.seo-score-form input[type='email']:-ms-input-placeholder {
    color: #e8e8e8;
}

.seo-score-input {
    margin-bottom: 40px;
    border-radius: 25px;
    overflow: hidden;
}

.seo-score-form input[type='email'] {
    border-left: 1px solid #5573ce;
    width: 40%;
    border-radius: 0 0 0;
}

.seo-score-form input[type='submit'] {
    min-height: 51px;
    border: 1px solid #5165a3;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    font-family: 'Catamaran';
    padding: 16px 36px;
    position: relative;
    font-size: 18px;
    line-height: 1;
    background-color: #1d2d5d;
}

.seo-score-submit {
    display: inline-block;
    position: relative;
}

.seo-score-submit span {
    display: block;
    height: 18px;
    left: 14px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 18px;
    z-index: 1;
}

.seo-score-submit b {
    position: absolute;
    width : 100%;
}

.seo-score-submit b::before {
    background: #fff;
    content: "";
    height: 2px;
    left: 32px;
    position: absolute;
    top: calc(100% + 10px);
    width: 0;
    z-index: 1;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.seo-score-submit:hover b::before {
    width: 66%;
}

.seo-score-submit span:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 100%;
}

.seo-score-img {
    position: absolute;
}

/**--------------------------------------------
/Search Engning Optimization
----------------------------------------------**/
.seo-optimizition-section {
    padding-top: 50px;
    padding-bottom: 60px;
}

.seo-optimizition-section .section-title-4 p,
.icon-box-3-section .section-title-4 p,
.why-choose-sec .section-title-4 p,
.team-section .section-title-4 p,
.latest-blog-section .section-title-4 p,
.client-logo-section .section-title-4 p {
    font-weight: 500;
}

.team-section.bg-gray2 .section-title-4 p {
    font-weight: 500;
}

.section-title {
    margin-bottom: 60px;
}

.section-title h2 {
    font-size: 24px;
    font-weight: 700;
    color: #1d2d5d;
    margin-bottom: 14px;
}

.section-title p {
    font-size: 18px;
    color: #222222;
    line-height: 26px;
    font-family: 'Catamaran', sans-serif;
}

.icon-box-2 {
    margin-bottom: 20px;
}

.icon-box-2 i {
    float: left;
    font-size: 22px;
    color: #1d2d5d;
    margin-right: 12px;
}

.icon-box-2 h2,
.icon-box-2 h3,
.icon-box-2 h2 a,
.icon-box-2 h3 a {
    font-size: 22px;
    color: #1d2d5d;
    font-weight: 600;
    margin: 0 0 15px;
    position: relative;
    padding-left: 38px;
}

.icon-box-2 h2 img,
.icon-box-2 h3 img {
    position: absolute;
    left: 0;
    top: 0;
}
.icon-box-2 h3{
    padding-left: 45px;
}
.icon-box-2 h3 img {
       top: -7px;
}
.icon-box-2 h2 a:hover {
    color: #f68c26;
}

.icon-box-2 p {
    font-size: 16px;
    line-height: calc(100% + 10px);
    color: #1d2d5d;
}

.mr10 {
    margin-right: 10px;
}

.seo-opt-img img {
    height: auto;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    width : 100%;
    position: relative;
    top: -20px;
}

.seo-opt-img {
    margin-top: 10px;
}

.package-pheader.sm-content p {
    margin-bottom: 12px;
    text-align: justify;
}

/**--------------------------------------------
/Video
----------------------------------------------**/
.video-section {
    padding-top: 80px;
    padding-bottom: 50px;
}

.video-about h4 {
    font-size: 20px;
    color: #fff;
    font-family: 'Catamaran', sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
}

.video-about h2,
.video-about h3 {
    font-size: 32px;
    line-height: calc(100% + 10px);
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 30px;
}

.video-about p {
    color: #ffffff;
    font-size: 16px;
    line-height: calc(100% + 10px);
    margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
}

.video-wrap {
    padding: 20px 80px;
    position: relative;
    background: #223365;
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    border-radius: 46px;
}

.video-wrap img {
    max-width : 100%;
    width: auto;
    height: auto;
    margin: auto;
    display: block;
    text-align: center;
}
.video-btn,
.video-btn:focus {
    align-items: center;
    background: #ff0000;
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    font-size: 20px;
    height: 50px;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    padding: 30px 32px;
    position: absolute;
    width: 70px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    outline: none;
}

.video-btn:hover {
    color: #ff0000;
    background: #fff;
}

/**--------------------------------------------
/Icon Box 3
----------------------------------------------**/
.icon-box-3-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.icon-box-3 {
    margin-bottom: 30px;
    text-align: left;
    background-color: #F7F7F7;
    padding : 30px;
    border-radius: 10px;
}
.icon-box-3  img{
    margin-bottom: 22px;
}
.icon-box-3 h2,
.icon-box-3 h3,
.icon-box-3 h2 a {
    font-size: 18px;
    line-height: calc(100% + 10px);
    font-weight: 700;
    color: #1d2d5d;
    margin: 0 0 20px;
}

.icon-box-3 h2 a:hover,
.icon-box-3 h3 a:hover {
    color: #f68c26;
}

.icon-box-3 p {
    font-size: 16px;
}

/**--------------------------------------------
/ACHIVMENT
----------------------------------------------**/
.achivment-section {
    padding-top: 80px;
    padding-bottom: 270px;
}

.half-img {
    height: auto;
    left: 55px;
    position: absolute;
    top: 73px;
    width: 37%;
    z-index: 1;
}

.half-img img {
    width: 100%;
    height: auto;
}

.activity-img {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 92%;
}

.activity-img img {
    width: 100%;
    height: auto;
}

.section-title-2 {
    margin-bottom: 20px;
}

.section-title-2 p {
    font-size: 20px;
    color: #ffffff;
    line-height: 1;
    font-weight: 400;
    font-family: 'Catamaran', sans-serif;
    margin-bottom: 14px;
}

.section-title-2 h2,
.section-title-2 h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
}

.single-fun-fact {
    position: relative;
    z-index: 1;
}

.single-fun-fact {
    float: left;
    text-align: center;
    width: 23%;
}

.single-fun-fact p {
    font-size: 18px;
    color: #ffffff;
    margin: 0;
    font-family: 'Catamaran', sans-serif;
    line-height: 1
}

.single-fun-fact h3 {
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}

.fun-fact-img {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
    position: relative;
}

.fun-fact-img::before {
    background: #5165a3;
    content: "";
    display: block;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -50px;
    width: 1px;
}

.single-fun-fact.f-2nd .fun-fact-img {
    left: 0;
    margin: 160px auto 0;
    position: absolute;
    right: 0;
}

.single-fun-fact.f-2nd .fun-fact-img::before {
    height: 140px;
    top: -140px;
}

.single-fun-fact.f-3rd .fun-fact-img {
    left: 0;
    margin: 135px auto 0;
    position: absolute;
    right: 0;
}

.single-fun-fact.f-3rd .fun-fact-img::before {
    height: 115px;
    top: -115px;
}

/**--------------------------------------------
/WORK
----------------------------------------------**/
.section-title-3 {
    margin-bottom: 49px;
}

.section-title-3 p {
    font-size: 20px;
    color: #969696;
    line-height: 1;
    margin: 0 0 9px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 400;
}

.section-title-3 h2 {
    font-size: 48px;
    line-height: 58px;
    color: #1d2d5d;
    font-weight: 600;
    margin-bottom: 0;
}

.single-work {
    position: relative;
    margin-bottom: 30px;
}

.single-work-img img {
    width: 100%;
    height: auto;
}

.work-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .60);
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single-work:hover .work-hover,
.single-case:hover .work-hover {
    visibility: visible;
    opacity: 1;
}

.work-hover h2 {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    color: #fff;
}

.single-work:hover .work-hover h2,
.single-case:hover .work-hover h2 {
    visibility: visible;
    opacity: 1;
    top: 50%;
    color: #fff;
}

.work-hover h2,
.single-case h2 a {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
    font-weight: 600;
}

.work-hover h2:hover,
.single-case:hover h2 a:hover {
    color: #f68c26;
}


.work-hover span {
    width: 60px;
    height: 60px;
    position: absolute;
    display: block;
}

.work-hover span.top {
    left: 30px;
    top: 30px;
}

.work-hover span.top:before {
    width: 1px;
    height: 0%;
    background: #fff;
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single-work:hover .work-hover span.top:before,
.single-case:hover .work-hover span.top:before {
    height: 100%;
}

.work-hover span.top:after {
    height: 1px;
    width: 0%;
    background: #fff;
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single-work:hover .work-hover span.top:after,
.single-case:hover .work-hover span.top:after {
    width: 100%;
}

.work-hover span.bottom {
    bottom: 30px;
    right: 30px;
}

.work-hover span.bottom:before {
    width: 1px;
    height: 0%;
    background: #fff;
    position: absolute;
    right: 0;
    content: '';
    bottom: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single-work:hover .work-hover span.bottom:before,
.single-case:hover .work-hover span.bottom:before {
    height: 100%;
}

.work-hover span.bottom:after {
    height: 1px;
    width: 0%;
    background: #fff;
    position: absolute;
    right: 0;
    content: '';
    bottom: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single-work:hover .work-hover span.bottom:after,
.single-case:hover .work-hover span.bottom:after {
    width: 100%;
}

/**--------------------------------------------
/Testmonial
----------------------------------------------**/
.testmonial-section {
    padding-bottom: 109px;
    padding-top: 86px;
    overflow: hidden;
}

.fixed-testmonial-shap {
    background: #5165a3;
    border-radius: 0 100px;
    bottom: 0;
    margin-top: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 650px;
}

.fixed-testmonial-shap::before {
    color: #536cbb;
    content: "";
    display: block;
    font-family: fontawesome;
    font-size: 70px;
    height: 56px;
    margin: auto;
    position: absolute;
    right: 121px;
    bottom: 74px;
    width: 20px;
    z-index: 1;
}

.test-caro-title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 45px;
    margin-bottom: 30px;
}

.client-logo {
    width: 210px;
    height: 153px;
    margin: auto;
}

.client-logo img {
    width: 100%;
    height: auto;
}

.client-content {
    padding-left: 0;
}

.test-client-img {
    background: url(../images/timg-bg.png) no-repeat;
}

.test-client-img {
    align-items: center;
    background: rgba(0, 0, 0, 0) url("../images/timg-bg.png") no-repeat scroll 0 0;
    display: inline-flex;
    height: 113px;
    justify-content: center;
    position: absolute;
    top: -104px;
    width: 120px;
    left: -30px;
}

.test-client-img img {
    height: 65px;
    width: 55px;
}

.test-content-in {
    padding-left: 100px;
}

.test-content-in p {
    color: #fff;
    font-size: 16px;
    line-height: calc(100% + 10px);
    font-weight: 400;
    letter-spacing: 1.4px;
    line-height: 24px;
    margin-bottom: 15px;
    padding-right: 79px;
}

.test-content-in h4 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.test-content-in {
    position: relative;
    top: -16px;
}

.testmonial-control {
    bottom: -60px;
    position: absolute;
    right: 0;
    z-index: 1;
    overflow: hidden;
}

.testmonial-control .tbtn {
    float: left;
    width: 45px;
    margin: 0;
    cursor: pointer;
}

.testmonial-control .tbtn img {
    width: 45px;
}

.tbtn.swiper-button-disabled {
    opacity: .3;
    pointer-events: none
}

.testmonial-control .tbtn.tnext {
    margin-left: 25px;
}

.color-black {
    color: #1d2d5d;
}

/**--------------------------------------------
/TEAM
----------------------------------------------**/
.team-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-title-4 {
    margin-bottom: 51px;
}

.section-title-4 h2,
.section-title-4 h3 {
    font-size: 32px;
    line-height: calc(100% + 10px);
    color: #1d2d5d;
    font-weight: 700;
    margin-bottom: 18px;
    word-wrap: break-word;

}

.section-title-4 p {
    font-size: 16px;
    line-height: calc(100% + 10px);
    font-weight: 500;
    color: #1d2d5d;
}

.section-title-4.white h2,
.section-title-4.white h3,
.section-title-4.white p {
    color: #fff;
}

.single-team {
    position: relative;
    height: auto;
    overflow: hidden;
    background: #fff;
    margin-bottom: 30px;
}

.single-team:hover {
    cursor: pointer;
}

.single-team .team-img {
}

.single-team .team-img img {
    width: 100%;
    height: auto;
}

.team-hover {
    background: #f5f5f5;
    border-bottom: 4px solid #5165a3;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-top: 6px;
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.team-hover::after {
    background: #1d2d5d;
    bottom: -4px;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 0;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.single-team:hover .team-hover::after {
    width: 100%;
}

.team-hover::before {
    background: url(../images/tean-top.png) no-repeat;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    top: -50px;
    width: 100%;
}

.team-hover h2.team-member-name {
    font-size: 14px;
    color: #1d2d5d;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1;
    margin-bottom: 2px;
}

.team-hover p.team-member-deg {
    font-size: 14px;
    color: #5165a3;
    margin-bottom: 0;
}

.t-hover-inner {
    padding-left: 15px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    bottom: -160px;
    background: #F5F5F5;
}

.ab_team_hover {
    padding-left: 45px;
}

.single-team:hover .t-hover-inner {
    bottom: 0;
}

.t-hover-inner p {
    margin-bottom: 4px;
}

.t-hover-inner p a {
    font-size: 14px;
    color: #5165a3;
    position: relative;
    padding-left: 20px;
    line-height: 18px;
    display: block;
    word-wrap: break-word;
    padding-bottom: 7px;
}

.ab_doodle_email a {
    min-height: 32px;
    padding-bottom: 0 !important;
}

.t-hover-inner p a:hover {
    color: #F68C26;
}

.t-hover-inner p a i {
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
}

.t-social {
    position: relative;
    z-index: 1;
}

.t-social a {
    font-size: 14px;
    display: inline-block;
    color: #5165a3;
    margin-right: 25px;
}

.t-social a:hover {
    color: #f68c26;
}

.t-social a:last-of-type {
    margin-right: 0;
}

.t-hover-in {
    bottom: 0;
    left: -112px;
    position: relative;
    top: -30px;
    transform: rotate(-90deg);
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.single-team:hover .team-hover {
    padding-top: 48px;
}

.t-hover-inner > p,
.t-social {
    top: -60px;
    position: relative;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    visibility: hidden;
    opacity: 0
}

.single-team:hover .t-social,
.single-team:hover .t-hover-inner > p {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.single-team:hover .t-hover-in {
    top: -40px;
}

.hover-normal {
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.single-team:hover .hover-normal {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -100px;
}

.single-team:hover .t-hover-inner {
    position: relative;
    opacity: 1;
    visibility: visible;
}


.team-hover-item {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 0 16px 12px;
    border-bottom: 4px solid #5165a3;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.team-hover-item:before {
    background-color: rgba(29, 45, 93, 0.7);
    content: " ";
    display: block;
    height: 236%;
    left: -33px;
    position: absolute;
    top: 0;
    transition: transform 0.5s ease 0s;
    width: 120%;
    transform: rotate(11deg) translateY(-14%);
    z-index: -1;
}

.single-team:hover .team-hover-item::before {
    transform: rotate(-10deg) translateY(-14%);
}

.single-team:hover .team-hover-item {
    border-color: #1d2d5d;
}

.single-team:hover .team-member-name,
.single-team:hover .team-member-deg {
    opacity: 0;
}

.team-hover-items {
    opacity: 0;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.single-team:hover .team-hover-items {
    opacity: 1;
}

.team-member-name {
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: 600;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.team-member-deg {
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-bottom: 0;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.team-member-names {
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    margin-bottom: 0;
    font-weight: 600;
}

.team-member-names,
.team-member-degs {
    text-align: right;
}

.team-member-degs {
    font-size: 14px;
    line-height: 27px;
    color: #FFFFFF;
    margin-bottom: 0;
}

/**--------------------------------------------
/Latest Blog
----------------------------------------------**/
.latest-blog-section {
    padding-top: 50px;
    padding-bottom: 138px;
}

.latest-blog {
    margin-left: 15px;
    margin-right: 15px;
}

.home-blog-meta {
    position: relative;
    margin-bottom: 6px;
}

.home-blog-meta a {
    font-size: 12px;
    font-weight: 500;
    font-family: 'Catamaran', sans-serif;
    color: #FFFFFF;
    margin-right: 12px;
    line-height: 40px;
}

.home-blog-meta a:last-of-type {
    margin-right: 0;
}

.home-blog-meta a i {
    color: #f68c26;
    margin-right: 4px;
}

.b-date {
    width: 75px;
    height: 67px;
    border: 1px solid #dddddd;
    background: #1d2d5d;
    text-align: center;
    position: absolute;
    right: 10px;
    top: -43px;
    padding: 17px 0;
}

.border-top1.common-section.clearfix {
    padding-top: 50px;
    padding-bottom: 40px;
}

.b-date strong {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 700;
    display: block;
    font-family: 'Poppins', sans-serif;
    line-height: 17px;
    margin-bottom: 3px;
}

.b-date b {
    color: #FFFFFF;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.latest-blog .blog-date,
.latest-blog .blog-date a {
    height: 50px;
    border-radius: 30px;
    background: #21346c;
    padding: 13px 46px;
    font-size: 18px;
    color: #4e6bc3;
    display: inline-block;
    margin-bottom: 35px;
}

.blog-title,
.blog-title a {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
}

.latest-blog .blog-title a {
    color: #FFFFFF;
}

.blog-title a:hover {
    color: #f68c26;
}

.latest-blog > p {
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
}

.blog-author {
    padding-left: 67px;
    padding-top: 10px;
    position: relative;
    min-height: 50px;
}

.blog-author img {
    border-radius: 50%;
    height: 50px;
    left: 0;
    position: absolute;
    width: 50px;
    top: 0;
}

.blog-author p {
    margin: 0;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 4px;
}

.blog-author p.name {
    font-size: 15px;
}

.blog-top {
    border-bottom: 1px solid #4b67bc;
    margin-bottom: 16px;
    padding-bottom: 13px;
}

.blog-top p {
    color: #fff;
}

.testmonial-control.blog-pagi {
    bottom: -80px;
}

.blog-img img {
    width: 100%;
    height: auto;
}

.b_readMore {
    font-size: 14px;
    color: #FFFFFF;
    background: #f68c26;
    outline: none;
    padding: 7px 17px 7px;
    display: inline-block;
    border-radius: 50px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    margin-top: 5px;
}

.b_readMore:hover,
.b_readMore:focus {
    color: #FFFFFF;
    background: #1d2d5d;
}

.latest-blog .b_readMore:hover, .latest-blog .b_readMore:focus {
    color: #FFFFFF;
    background: #5165a3;
}

.latest-blog-section .testmonial-control {
    right: 35px;
}

/**--------------------------------------------
/Client
----------------------------------------------**/
.client-logo-section {
    padding-top: 50px;
    padding-bottom: 60px;
}

.single-client {
    /* width: 170px;
     height: 95px;*/
    display: table;
}

.single-client a {
    display: block;
}

.single-client a img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    display: table-cell;
}

/**--------------------------------------------
/Footer
----------------------------------------------**/
.newsletter-section {
    padding-top: 70px;
    padding-bottom: 132px;
    overflow: hidden;
}

.mb60 {
    margin-bottom: 60px;
}

.newsletter {
    position: relative;
    z-index: 2;
}

.newsletter input[type='email'] {
    width: 100%;
    height: 71px;
    background: #5165a3;
    border-radius: 35px;
    border: none;
    font-weight: 400;
    font-size: 16px;
    color: #e7e7e7;
    padding-left: 45px;
    padding-right: 220px;
}

.newsletter input[type='email']::-webkit-input-placeholder {
    color: #e7e7e7;
}

.newsletter input[type='email']::-moz-placeholder {
    color: #e7e7e7;
}

.newsletter input[type='email']:-ms-input-placeholder {
    color: #e7e7e7;
}

.newsletter input[type='email']:-moz-placeholder {
    color: #e7e7e7;
}

.newsletter-btn {
    border-radius: 32px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

.newsletter-btn input[type="submit"] {
    background: #fff;
    border: medium none;
    border-radius: 0 35px 35px 0;
    color: #5165a3;
    font-size: 18px;
    font-weight: 600;
    height: 71px;
    min-width: 200px;
    padding: 15px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.help-block {
    color: #ff0000;
    padding-left: 10px;
}

.newsletter-btn button[type="submit"] {
    background: #fff;
    border: medium none;
    border-radius: 0 35px 35px 0;
    color: #5165a3;
    font-size: 18px;
    font-weight: 600;
    height: 71px;
    min-width: 200px;
    padding: 15px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.newsletter-btn span {
    display: block;
    height: 18px;
    left: auto;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(90deg);
    width: 18px;
    z-index: 1;
}

.newsletter-btn span::after {
    border: 2px solid #5165a3;
    border-radius: 100%;
    content: "";
    display: block;
    height: 35px;
    position: absolute;
    width: 35px;
}

.newsletter-btn b {
    position: relative;
}

.newsletter-btn b::before {
    background: #5165a3;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: -168px;
    top: -13px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    width: 0;
    z-index: 11;
}

.newsletter-btn:hover b::before {
    width: 80px;
}

/**--------------------------------------------
/Footer
----------------------------------------------**/
.footer {
    background: #11182b;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.footer:before {
    position: absolute;
    left: 0;
    top: 34px;
    width: 94%;
    height: 90%;
    content: '';
    background: url(../images/footer-map-image.png) no-repeat center center /contain;
    margin: auto;
    text-align: center;
    display: block;
}

.footer h3.widget-title {
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    /* border-bottom: 1px solid #5165a3;*/
    padding-bottom: 18px;
    position: relative;
    margin-bottom: 26px;
    display: inline-block;
}

.footer h3.widget-title:after {
    width: 50%;
    height: 1px;
    background: #f58b24;
    content: '';
    position: absolute;
    display: block;
    bottom: 0px;
    z-index: 1;
}

.footer h3.widget-title:before {
    width: 100%;
    height: 1px;
    background: #5165a3;
    content: '';
    position: absolute;
    display: block;
    bottom: 0px;
}

/*
.footer h3.widget-title::after {
    background: #5165a3;
    bottom: -3px;
    content: "";
    display: block;
    height: 5px;
    left: 22px;
    position: absolute;
    width: 35px;
}*/

.about-widget ul {
    padding: 0;
}

.about-widget .flogo img {
    max-width: 100%;
    height: auto;

}

.about-widget .flogo {
    margin-bottom: 25px;
}

.about-widget p {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 28px;
}

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

.footer aside.widget ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 12px;
    color: #fff;
    display: block;
    font-size: 15px;
}

.footer aside.widget ul li::before {
    content: "\f100";
    /* height: 14px; */
    left: 0;
    position: absolute;
    top: 0px;
    /* width: 13px; */
    font-family: 'Flaticon';
    font-size: 14px;
    color: #ffffff;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.footer aside.widget ul li a {
    font-size: 16px;
    color: #fff;
    display: block;
}

.footer aside.widget ul li a:hover,
.footer aside.widget ul li:hover::before {
    color: #f68c26;
}

.footer aside.widget .about-widget ul li {
    padding-left: 0;
    margin-bottom: 20px;
}

.footer aside.widget .about-widget ul li a {
    font-size: 18px;
    line-height: 42px;
    color: #ffffff;
    padding-left: 51px;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.footer aside.widget .about-widget ul li img {
    position: absolute;
    left: 0;
    top: 6px;
}

.footer aside.widget .about-widget ul li:last-child {
    margin-bottom: 0;
}

.footer aside.widget .about-widget ul li::before {
    display: none;
}

.address-widget {
}

.address-widget p {
    padding-left: 30px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 40px;
    margin-bottom: 0;
}

.address-widget p i {
    left: 0;
    position: absolute;
    top: 13px;
    color: #5165a3;
}

.address-widget p a {
    color: #fff;
}

.address-widget p a:hover {
    color: #5165a3;
}

.copyright-section,
.footer-info-area {
    border-top: 1px solid #2a3557;
    position: relative;
}

.single-info {
    padding-left: 25px;
    position: relative;
    min-height: 55px;
}

.single-info i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    color: #f58b24;
}

.single-info h3 {
    margin-bottom: 3px;
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
    font-weight: 400;
    word-wrap: break-word;
}

.single-info p {
    font-size: 14px;
    color: #c3c3c3;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
}

.footer-location {
    float: left;
    width: 25%;
}

.footer-location:nth-of-type(2) {
    padding-left: 20px;
    width: 27%;
}

.footer-location:nth-of-type(3) {
    width: 23%;
    padding-left: 20px;
}

.copyright-text {
    font-size: 14px;
    line-height: 26px;
    color: #c3c3c3;
    font-weight: 400;
    margin-bottom: 0;
    padding: 9px 0;
}

.copyright-text i {
    color: #f68c26;
}

.back-to-top {
    text-align: right;
    position: absolute;
    right: 81px;
    top: -21px;
}

.back-to-top a {
    align-items: center;
    background: #5165a3;
    border-radius: 10px;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.back-to-top a i {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    color: #5165a3;
    text-align: center;
    padding: 3px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.back-to-top a:hover i {
    background: #F68C26;
}

.copyright-section {
    padding: 13px 0;
    position: relative;
}

.footer-info-area {
    padding-top: 55px;
    padding-bottom: 36px;
    position: relative;
}

.footer-info-area:before {
    position: absolute;
    left: 46%;
    top: -11px;
    content: '\f1d8';
    font-size: 24px;
    font-family: 'FontAwesome';
    color: #2a3557;
}

.footer-info-area:after {
    position: absolute;
    right: 47%;
    top: -10px;
    content: '\f1d8';
    font-size: 26px;
    font-family: 'FontAwesome';
    color: #2a3557;
    transform: rotateY(210deg);
}

.footer-widget-area {
    padding-bottom: 46px;
    padding-top: 57px;
    position: relative;
}

/**--------------------------------------------
/SERVICES PAGE
----------------------------------------------**/
.service-section {
    padding-bottom: 50px;
    padding-top: 50px;
}

.page-banner-section {
    padding-bottom: 0px;
}

.dod-search-banner .page-banner-section-inner {
    background: #1d2d5d;
    padding: 126px 0 142px;
    position: relative;
    /*margin-bottom: 30px;*/
}

/*.ab-page-banner-section-inner{*/
/*margin-bottom:30px;*/
/*}*/
.page-breadcrumb-section {
    position: relative;
    background: #f9f9f9;
    padding: 30px 0;
}

.ab-page-banner-section-inner {
    position: relative;
}

.ab-page-banner-section-inner img {
    width: 100%;
    height: auto;
    max-height: 337px;
}

.page-banner-img {
    position: absolute;
    right: 200px;
    top: 0;
}

/*.page-banner-content {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*}*/

.page-banner-content h2,
.page-banner-content h1 {
    font-size: 48px;
    color: #f5f5f5;
    font-weight: 700;
    margin-bottom: 13px;
}

.page-banner-content p {
    font-size: 18px;
    line-height: 26px;
    color: #f5f5f5;
    margin-bottom: 0;
}

.page-breadcrumb {
}

.page-breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-breadcrumb ul li {
    margin-right: 45px;
    position: relative;
}

.page-breadcrumb ul li:before {
    position: absolute;
    left: -33px;
    content: '\f178';
    font-family: 'fontawesome';
}

.page-breadcrumb ul li:first-of-type:before {
    content: '';
}

.page-breadcrumb ul li,
.page-breadcrumb ul li a {
    display: inline-block;
    font-size: 17px;
    color: #5165a3;
    font-weight: 400;
}

.page-breadcrumb ul li a:hover {
    color: #F68C26;
}

.single-service {
    background: #F68C26;
    min-height: 537px;
    margin-bottom: 30px;
    padding: 30px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single-service:hover {
    box-shadow: 0 12px 19px rgba(0, 0, 0, 0.3);
}

.page-ttile {
    margin-bottom: 65px;
}

.page-ttile h2 {
    font-size: 36px;
    line-height: 36px;
    color: #1d2d5d;
    font-weight: 700;
    margin-bottom: 28px;
    font-family: 'Poppins', sans-serif;
}

.page-ttile p {
    font-size: 24px;
    color: #969696;
    font-weight: 400;
}

.ab-page-title h3 {
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    font-weight: 600;
    position: relative;
    background: #1d2d5d;
    padding: 15px 32px;
    display: inline-block;
    transform: skewX(-37deg);
    margin-bottom: 30px;

}

.ab-page-title h3 span {
    transform: skewX(37deg);
    display: inline-block;
}

.ab-page-title h1 {
    font-size: 30px;
    line-height: 28px;
    color: #FFFFFF;
    font-weight: 600;
    position: relative;
    background: #1d2d5d;
    padding: 15px 32px;
    display: inline-block;
    transform: skewX(-37deg);
    margin-bottom: 30px;

}

.ab-page-title h1 span {
    transform: skewX(37deg);
    display: inline-block;
}

.service-img {
    text-align: center;
    margin-bottom: 45px;
}

.service-img img {
    width: auto;
    height: auto;
}

.service-title,
.service-title span,
.service-title a {
    font-size: 22px;
    color: #fff;
    margin-bottom: 15px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.service-title span:hover,
.service-title a:hover {
    text-decoration: none;
    color: #F68C26;
}


.service-read-more img {
    display: inline-block;
    width: 35px;
    height: auto;
    margin-right: 5px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.service-read-more {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: right;
    margin-right: auto;
    display: block;
}

.service-read-more img:hover {
    opacity: .5;
}

.service-read-more {
    margin-top: 9px;
}

.single-service > p {
    color: #f5f5f5;
}

/**--------------------------------------------
/CASE PAGE
----------------------------------------------**/
.case-study-section {
    padding-bottom: 50px;
    padding-top: 50px;
}

.case-study-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 55px;
}

.case-study-nav li {
    border-radius: 30px;
    color: #fff;
    background: #1d2d5d;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 38px;
    margin-right: 6px;
    padding: 7px 20px;
    transition: all 300ms ease 0s;
}

.case-study-nav li:last-of-type {
    margin-right: 0;
}

.case-study-nav li.mixitup-control-active,
.case-study-nav li:hover {
    background: #f68c26;
    color: #fff;
}

.single-case {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    background: #f6f6fe;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    box-shadow: 0 0 54px rgba(197, 197, 197, 0.5);
}

.single-case:hover {
    background: #dee1ee;
}

.case-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .69);
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transform: translate3d(0, 100%, 0);
    visibility: hidden;
    opacity: 0;
}

.single-case:hover .case-hover {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.case-hover a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
}

.case-hover a i {
    margin-right: 10px;
}

.case-hover a:hover {
    color: #F68C26;
}


.case-portfolio-meta {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) .5s;
    -moz-transition: -moz-transform cubic-bezier(.23, .81, .4, 1) .5s;
    transition: transform cubic-bezier(.23, .81, .4, 1) .5s;
}

.case-portfolio-meta a i {
    display: block;
}

.case-portfolio-meta a {
    width: 40px;
    text-align: center;
    display: block;
    top: 47px;
    position: relative;
    font-size: 12px;
    font-family: 'Catamaran', sans-serif;
    left: 0;
    color: inherit;
    -webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) .5s;
    -moz-transition: -moz-transform cubic-bezier(.23, .81, .4, 1) .5s;
    transition: transform cubic-bezier(.23, .81, .4, 1) .5s;
    -webkit-transform: translate3d(15px, 0, 0);
    -moz-transform: translate3d(15px, 0, 0);
    -ms-transform: translate3d(15px, 0, 0);
    transform: translate3d(5px, 0, 0);
    line-height: 27px;
    margin-bottom: 10px;
    font-weight: 600;
}

.cases-title {
    margin: 0;
}

.cases-title a {
    position: absolute;
    left: 0px;
    bottom: 0 !important;
    line-height: 20px;
    -webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) .5s;
    -moz-transition: -moz-transform cubic-bezier(.23, .81, .4, 1) .5s;
    transition: transform cubic-bezier(.23, .81, .4, 1) .5s;
    -webkit-transform: translate3d(5px, -11px, 0);
    -moz-transform: translate3d(5px, -11px, 0);
    -ms-transform: translate3d(5px, -11px, 0);
    transform: translate3d(5px, -11px, 0);
    width: 100%;
    color: #1d2d5d;
    top: inherit;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0;
}

.case-img {
    position: relative;
    top: 50%;
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform cubic-bezier(.23, .81, .4, 1) .5s;
    -moz-transition: -moz-transform cubic-bezier(.23, .81, .4, 1) .5s;
    transition: transform cubic-bezier(.23, .81, .4, 1) .5s;
}

.portfolio-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-case:hover .case-img {
    -webkit-transform: translate3d(30px, -42px, 0);
    -moz-transform: translate3d(30px, -42px, 0);
    -ms-transform: translate3d(30px, -42px, 0);
    transform: translate3d(30px, -42px, 0);
}

.case-hover-effect {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 45, 93, .5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.single-case:hover .link-wrap {
    opacity: 1;
    visibility: visible;
}

.home-blog-meta.case-portfolio-meta {
    display: block;
}

.link-wrap {
    position: absolute;
    left: 13px;
    top: 0px;
    right: 15px;
    bottom: 0px;
    display: block;
    background: rgba(29, 45, 93, .5);
    opacity: 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    visibility: hidden;
}

.link-wrap span:before, .link-wrap span:after {
    content: '';
    position: absolute;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    background: #fff;
    opacity: 0.2;
}

.single-case:hover .link-wrap span:nth-child(1):before {
    width: 25px;
}

.single-case:hover .link-wrap span:before, .single-case:hover .link-wrap span:after {
    opacity: 1;
}

.link-wrap span:nth-child(1):before {
    right: 50%;
}

.link-wrap span:nth-child(1):before, .link-wrap span:nth-child(1):after {
    top: 50%;
    margin-top: -1px;
    width: 50%;
    height: 2px;
}


.single-case:hover .link-wrap span:nth-child(1):after {
    width: 25px;
}

.link-wrap span:nth-child(1):after {
    left: 50%;
}

.single-case:hover .link-wrap span:nth-child(2):before {
    height: 25px;
}

.single-case:hover .link-wrap span:before, .single-case:hover .link-wrap span:after {
    opacity: 1;
}

.link-wrap span:nth-child(2):before {
    bottom: 50%;
}

.link-wrap span:nth-child(2):before, .link-wrap span:nth-child(2):after {
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 50%;
}

.single-case:hover .link-wrap span:nth-child(2):after {
    height: 25px;
}

.link-wrap span:nth-child(2):after {
    top: 50%;
}

/*.cases-img{
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
}
.case-img2{
    position: absolute;
    opacity: 0;

}
.single-case:hover .case-img1{
    display: none;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;

}
.single-case:hover .case-img2{
    opacity: 1;
    position: relative;
}*/
/**--------------------------------------------
/CASES DETAILS PAGE
----------------------------------------------**/

/*
.case-details-section {
    padding-bottom: 80px;
    padding-top: 0;
}
*/
.case-details-section .section-title-4 h2,
.case-details-section .section-title-4 h3,
.case-details-section .section-title-4 h1,
.through-our-sec .section-title-4 h2,
.through-our-sec .section-title-4 h3,
.key-element-sec .section-title-4 h2,
.key-element-sec .section-title-4 h3 {
    font-size: 32px;
}

.case-details-section .section-title-4 {
    margin-bottom: 45px;
}

.case-details-section .section-title-4 h1 {
    font-weight: 600;
}

.case-date {
    height: 50px;
    background: #f5f5f5;
    border-radius: 30px;
    display: inline-block;
    font-size: 18px;
    color: #cdcdcd;
    font-weight: 400;
    padding: 13px 46px;
    margin-bottom: 25px;
}

.sm-content.case-study-de-content h2 {
    font-size: 30px;
    line-height: 34px;
    color: #1d2d5d;
    font-weight: 600;
    margin-bottom: 0;
}

.sm-content .home-blog-meta a {
    color: #1d2d5d;
    font-family: 'Catamaran', sans-serif;
    font-weight: 500;
}

.sm-content.case-study-de-content p {
    font-size: 16px;
    color: #1d2d5d;
    line-height: 26px;
    margin-bottom: 22px;
    text-align: justify;
}

.cases-btn .doddle-btn.fill {
    font-weight: 600;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
}

.case-study-de-img {
    border-radius: 38px;
}

.case-study-de-img img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    box-shadow: 6px 6px 54px #d8d8d8;
}

.case-details-section.bg-gray {
    padding-top: 80px;
    padding-bottom: 50px;
}

.case-chart-icon {
    height: 600px;
    display: table;
}

.case-chart-icon-inner {
    display: table-cell;
    vertical-align: middle;
}

.single-c-icon {
    padding-left: 95px;
    position: relative;
    min-height: 70px;
    margin-bottom: 27px;
    padding-top: 15px;
}

.single-c-icon img {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
}

.single-c-icon h2 {
    font-size: 26px;
    line-height: 36px;
    color: #1e2d5d;
    font-weight: 600;
}

.case-details-section.chart-sec {
    padding-top: 80px;
    padding-bottom: 0;
}


.chart-details p span {
    background: #395aa8;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin-right: 15px;
    position: relative;
    top: 7px;
    width: 30px;
}

.case-chart {
    margin-bottom: 50px;
}

.case-chart > img {
    width: 100%;
    height: auto;
}

.case-social a {
    align-items: center;
    background: #3a589b;
    color: #ffffff;
    display: inline-flex;
    float: left;
    font-size: 24px;
    font-weight: 600;
    height: 80px;
    justify-content: center;
    text-align: center;
    width: 20%;
}

.case-social a i {
    margin-right: 18px;
}

.case-social a.fb {
    background: #3a589b;
}

.case-social a.tw {
    background: #08acee;
}

.case-social a.lk {
    background: #007bb6;
}

.case-social a.gp {
    background: #ea4335;
}

.case-social a.pi {
    background: #ca2127;
}

.case-social a:hover {
    opacity: .7;
}

.case-study-de-content .sm-content ul {
    padding-left: 0;
}

/**--------------------------------------------
/BLOG PAGE
----------------------------------------------**/
.blog-page-section {
    /*padding-top: 43px;*/
    padding-bottom: 50px;
}

.single-blog-lead {
    position: relative;
    margin-bottom: 30px;
}

.blog-img {
    width: 100%;
    height: 100%;
    z-index: 2;
}

.blog-img a {
    width: 100%;
    height: 100%;
    display: block;
}

.blog-img img {
    width: 100%;
    height: auto;
}

.blog-dec {
    position: absolute;
    bottom: 15px;
    padding: 30px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;

}

.single-blog-lead:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .44);
}

.blog-dec h2.blog-title2,
.blog-dec h2.blog-title2 span {
    font-size: 24px;
    color: #ffffff;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 0;
}

.blog-dec h2.blog-title2 a:hover,
.blog-dec .blog-meta a:hover,
.blog-dec2 h2.blog-title2 a:hover,
.blog-dec2 .blog-meta a:hover {
    color: #F68C26;
}

.blog-dec .blog-meta {
    margin-bottom: 16px;
}

.blog-dec .blog-meta span {
    font-size: 12px;
    color: #ffffff;
    border-right: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    display: inline-block;
    padding: 0 10px;
}

.blog-dec .blog-meta span i {
    margin-right: 5px;
}

.blog-dec .blog-meta a:first-of-type {
    padding-left: 0;
}

.blog-dec .blog-meta a:last-of-type {
    border-right: none;
}

.blog-dec .blog-meta a i {
    margin-right: 5px;
}

.blog-dec p {
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}

.blog-dec p:last-of-type {
    margin-bottom: 20px;
}

.blog-dec .blog-btn {
    height: 30px;
    background: #fff;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    color: #1e2d5d;
    padding: 3px 15px;
}

.blog-dec .blog-btn:hover {
    background: #1e2d5d;
    color: #fff;
}

.single-blog-lead:hover .blog-dec {
    bottom: 50px;
}

.blog-single-lead-right {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden
}

.blog-single-lead-right:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .44);
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.blog-single-lead-right .blog-dec {
    position: absolute;
    top: 50%;
    transform: translateY(30%);
    -webkit-transform: translateY(30%);
    -moz-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.blog-single-lead-right:hover:before {
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.blog-single-lead-right:hover .blog-dec {
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.single-blog-post {
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
    padding-bottom: 26px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.single-blog-post:hover {
    box-shadow: 0px 6px 8px rgba(0, 0, 0, .15)
}

.single-blog-post .blog-img {
    background: #e7f5ff;
    height: 266px;
    margin-bottom: 35px;
    overflow: hidden;
    text-align: center;
}

.single-blog-post .blog-img img {
    max-width: 100%;
    height: auto;
    width: inherit;
}

.blog-dec2 {
    padding-left: 28px;
    padding-right: 28px;
    min-height: 90px;
}

.single-blog-post-big
.blog-dec2 .blog-title2,
.blog-dec2 .blog-title2 a {
    font-size: 24px;
    color: #1e2d5d;
    line-height: 34px;
    font-weight: 600;
    margin-bottom: 8px;
}

.blog-dec2 .blog-meta {
    margin-bottom: 16px;
}

.blog-dec2 .blog-meta a {
    font-size: 14px;
    color: #5165a3;
    border-right: 1px solid #5165a3;
    display: inline-block;
    line-height: 1;
    display: inline-block;
    padding: 0 10px;
}

.blog-dec2 .blog-meta a:first-of-type {
    padding-left: 0;
}

.blog-dec2 .blog-meta a:last-of-type {
    border-right: none;
}

.blog-dec2 .blog-meta a i {
    margin-right: 5px;
}

.mb50 {
    margin-bottom: 50px;
}

.single-blog-post-big {
    border: 1px solid #eeeeee;
    margin-bottom: 30px;
    padding-bottom: 45px;
}

/*.single-blog-post-big .blog-img {
    margin-bottom: 28px;
}*/

.blog-adds {
    margin-bottom: 80px;
}


.blog-sidebar .widget {
    margin-bottom: 30px;
}

.search-widget {
    height: 70px;
    border: 1px solid #cdcdcd;
    position: relative;
    padding: 10px;
}

.search-widget input[type='search'] {
    height: 50px;
    background: #f2f2f2;
    border: none;
    width: 80%;
    color: #a8a8a8;
    padding-left: 20px;
    padding-right: 20px;
}

.search-widget input[type='search']::-webkit-input-placeholder {
    color: #a8a8a8;
}

.search-widget input[type='search']::-moz-placeholder {
    color: #a8a8a8;
}

.search-widget input[type='search']:-ms-input-placeholder {
    color: #a8a8a8;
}

.search-widget input[type='search']:-moz-placeholder {
    color: #a8a8a8;
}

.search-widget button[type="submit"] {
    background: #5165a3;
    border: medium none;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 56px;
    color: #fff;
    font-size: 20px;
}

.blog-sidebar .widget h3.widget-title {
    border-bottom: 1px solid #cdcdcd;
    color: #1e2d5d;
    font-size: 20px;
    margin-bottom: 27px;
    padding-bottom: 15px;
    font-weight: 700;
}

.sidebar-post-post {
    padding-left: 120px;
    position: relative;
    min-height: 98px;
    margin-bottom: 30px;
}

.sidebar-post-post img {
    width: 98px;
    height: 98px;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

.sp-title,
.sp-title a {
    font-size: 16px;
    line-height: 26px;
    color: #1e2d5d;
    font-weight: 600;
    margin-bottom: 5px;
}

.sp-title:hover,
.sp-title a:hover {
    color: #f68c26;
}

.sp-cat {
    font-size: 12px;
    color: #0066ac;
    line-height: 1;
    margin-bottom: 10px;
    font-style: italic;
}

.sp-cat a {
    color: #0066ac;
}

.sp-cat i {
    margin-right: 5px;
}

.sp-date {
    font-size: 14px;
    line-height: 1;
    color: #999999;
}

.sp-date a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 24px;
    font-family: 'Catamaran', sans-serif;
    margin-right: 10px;
}

.sp-date a:last-of-type {
    margin-right: 0;
}

.sp-date a i {
    color: #f68c26;
    margin-right: 5px;
}

.blog-sidebar .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-sidebar .widget ul li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 17px;
    clear: both;
    content: '';
    display: block;
}

.blog-sidebar .widget ul li:before {
    position: absolute;
    content: '\f0da';
    font-family: fontawesome;
    left: 0;
    top: 0;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
}

.blog-sidebar .widget ul li a {
    font-size: 16px;
    color: #1d2d5d;
    font-weight: 400;
    position: relative;
    display: block;
}

/*.blog-sidebar .widget ul li a b {
    display: inline-block;
    border-bottom: 1px dotted #f00;
    height: 1px;
    !* background: #f00; *!
    width: 69%;
    margin: auto;
    text-align: center;
}*/
.blog-sidebar .widget ul li a span {
    float: right;
}

.blog-sidebar .widget ul li a:hover,
.blog-sidebar .widget ul li:hover:before {
    color: #F68C26;
}

.blog-sidebar .widget ul ul {
    margin-top: 13px;
}

.tagcloud a {
    height: 35px;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    line-height: 1;
    color: #1d2d5d;
    display: inline-block;
    padding: 10px 15px;
    margin-bottom: 10px;
    margin-right: 6px;
}

.tagcloud a:hover {
    background: #F68C26;
    color: #fff;
    border-color: #F68C26;
}

.adspace img {
    width: 100%;
    height: auto;
}

.blog-share-readmore {
    padding-top: 10px;
}

.blog-share-readmore .blog-btn {
    background: #f5f5f5;
    border-radius: 30px;
    color: #1e2d5d;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    padding: 3px 15px;
}

.blog-social-share {
    float: right;
}

.blog-social-share a {
    color: #999999;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    margin-right: 5px;
}

.blog-social-share a:last-of-type {
    margin-right: 0;
}

.blog-social-share a:hover {
    color: #5165a3;
}

.pagination-blog {
    padding-top: 24px;
}

.pagination-blog a,
.pagination-blog span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #5165a3;
    color: #fff;
    text-align: center;
    padding: 6px;
    margin-right: 13px;
}

.pagination-blog span.current,
.pagination-blog a:hover {
    background: #F68C26;
}

.pagination-blog a.next img,
.pagination-blog a.prev img {
    width: 20px;
}

/**--------------------------------------------
/BLOG SINGLE PAGE
----------------------------------------------**/
.single-blog-page {
    border: none;
    padding-bottom: 0;
    margin-bottom: 50px;
}

.single-blog-page .blog-dec2 {
    padding: 0;
}

.single-blog-page .blog-dec2 p {
    margin-bottom: 27px;
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
}

.single-blog-page .blog-dec2 blockquote {
    background: #f8f8f8;
    border-left: 3px solid #5165a3;
    color: #1e2d5d;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 38px 0 39px;
    padding: 25px 10px;
    text-align: center;
}

.single-blog-page .blog-dec2 blockquote p {
    margin: 0;
    color: #1d2d5d;
    font-weight: 600;
}

.com-title {
    color: #1e2d5d;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 31px;
}

.com-replay-form input,
.com-replay-form textarea {
    width: 100%;
    height: 48px;
    border: 1px solid #d9dee0;
    margin-bottom: 13px;
    padding: 10px;
    color: #c2c2c2;
    font-size: 16px;
    font-style: italic;
}

.com-form-border {
    border: 1px solid #d9dee0;
    margin: 0 0px;
    padding: 28px 4px;
}

.doodle-textare-form .comments-helper {
    margin-top: -8px;
}

.com-replay-form textarea::-webkit-input-placeholder,
.com-replay-form input::-webkit-input-placeholder {
    color: #bbbbbb;
}

.com-replay-form input::-moz-placeholder,
.com-replay-form textarea::-moz-placeholder {
    color: #bbbbbb;
}

.com-replay-form input:-ms-input-placeholder,
.com-replay-form textarea:-ms-input-placeholder {
    color: #bbbbbb;
}

.com-replay-form input:-moz-placeholder,
.com-replay-form textarea:-moz-placeholder {
    color: #bbbbbb;
}

.com-replay-form textarea {
    resize: none;
    height: 200px;
    padding: 15px;
}

.com-replay-form input[type='submit'] {
    background: #5165a3;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.com-replay-form button[type='submit'] {
    background: #5165a3;
    font-size: 19px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    display: block;
    width: 100%;
    border: none;
    padding: 11px 0;
    opacity: 1;
}

.com-replay-form button[type='submit'] i {
    position: relative;
    left: -10px;
}

.com-replay-form input[type="submit"]:hover,
.com-replay-form button[type='submit']:hover {
    opacity: .7;
}

/*.com-replay-form {
    margin-bottom: 75px;
}*/

ol.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 70px;
}

.single-comment {
    position: relative;
    padding-left: 100px;
    min-height: 120px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.single-comment .replay {
    position: absolute;
    right: 0;
    top: 0;
}

.single-comment .replay i {
    margin-right: 5px;
}

.single-comment img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

ul.child-comment {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.child-comment li {
    margin-left: 100px;
}

.single-comment h3 {
    margin-bottom: 0;
}

.single-comment h3 a {
    color: #888;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.56px;
    line-height: 1;
    margin: 0;
}

.single-comment .replay {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    position: absolute;
    right: 0;
    top: 0;
}

.con-date, .con-date a {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 14px;
}

/**--------------------------------------------
/CONTACT PAGE
----------------------------------------------**/
.contact-us-section {
    padding-bottom: 80px;
    padding-top: 50px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="url"],
.contact-form textarea {
    background: #fff;
    box-shadow: 10px 0 20px rgba(234, 234, 234, 0.75);
    height: 50px;
    margin-bottom: 16px;
    padding: 10px 20px;
    width: 100%;
    color: #777;
    border: 1px solid #d9dee0;
}

.contact-form input[type="text"]::placeholder,
.contact-form input[type="email"]::placeholder,
.contact-form input[type="url"]::placeholder,
.contact-form textarea::placeholder {
    color: #999999;
    font-style: italic;
}

.contact-form textarea {
    height: 145px;
    resize: none;
    padding-top: 20px;
    margin-bottom: 13px;
}

.contact-form input[type="text"]::-webkit-input-placeholder,
.contact-form input[type="email"]::-webkit-input-placeholder,
.contact-form input[type="url"]::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
    color: #777;
}

.contact-form input[type="text"]::-moz-placeholder,
.contact-form input[type="email"]::-moz-placeholder,
.contact-form input[type="url"]::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
    color: #777;
}

.contact-form input[type="text"]::-moz-placeholder,
.contact-form input[type="email"]::-moz-placeholder,
.contact-form input[type="url"]::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
    color: #777;
}

.contact-form input[type="text"]:-ms-input-placeholder,
.contact-form input[type="email"]:-ms-input-placeholder,
.contact-form input[type="url"]:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
    color: #777;
}

.contact-form input[type="text"]:-moz-placeholder,
.contact-form input[type="email"]:-moz-placeholder,
.contact-form input[type="url"]:-moz-placeholder,
.contact-form textarea:-moz-placeholder {
    color: #777;
}

.contact-submit-btn {
    position: relative;
}

.contact-submit-btn input[type="submit"],
.contact-submit-btn button[type="submit"] {
    background: #5165a3;
    border: medium none;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    letter-spacing: 1.8px;
    padding: 0 45px;
    position: relative;
    width: 100%;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.contact-submit-btn input[type="submit"]:hover {
    background: #1d2d5d;
}

.contact-submit-btn span {
    display: block;
    height: 18px;
    left: 14px;
    overflow: hidden;
    position: absolute;
    top: 9px;
    width: 18px;
    z-index: 1;
}

.contact-submit-btn span::after {
    border: 2px solid #fff;
    border-radius: 100%;
    content: "";
    display: block;
    height: 35px;
    position: absolute;
    width: 35px;
}

.contact-submit-btn b {
    position: relative;
}

.contact-submit-btn b::before {
    background: #fff;
    content: "";
    height: 2px;
    left: 32px;
    position: absolute;
    top: -7px;
    transition: all 300ms ease 0s;
    width: 0;
    z-index: 1;
}

.contact-submit-btn:hover b::before {
    width: 70px;
}

.con-info {
    background: #fff;
    border: 1px solid #e2dfdf;
    border-radius: 30px;
    min-height: 200px;
    padding: 57px 30px 25px;
    text-align: center;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.con-info:hover {
    box-shadow: 0px 6px 4px rgba(0, 0, 0, .2)
}

.con-info h3 {
    font-size: 24px;
    color: #1d2d5d;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 16px;
}

.con-info p,
.con-info p a {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    font-weight: 400;
    margin-bottom: 0;
}

.con-info p a:hover {
    color: #f68c26;
}

.contact-social {
    margin: 0 36px;
}

.contact-social a {
    background: #3b5998;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    height: 20px;
    line-height: 1;
    padding: 4px;
    width: 20px;
    margin: 0 3px 3px;
    margin-bottom: 10px
}

.contact-social a.fb {
    background: #3b5998;
}

.contact-social a.tw {
    background: #00aced;
}

.contact-social a.li {
    background: #0173b2;
}

.contact-social a.gp {
    background: #dd5044;
}

.contact-social a.pi {
    background: #cc2129;
}

.contact-social a.be {
    background: #005cff;
}

.contact-social a.dr {
    background: #E0218A;
}

.contact-social a:hover {
    opacity: .7;
}

.contact-info-section {
    padding-top: 50px;
    padding-bottom: 60px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-info-img {
    position: relative;
    margin-bottom: 9px;
    top: -9px;
}

.contact-info-img img {
    width: 100%;
    height: auto;
}

.contact-info {
    position: relative;
    overflow: hidden;
    background: #1d2d5d;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
}

.contact-info h3 {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
}

.contact-info address {
    padding: 0 14px;
    margin-bottom: 22px;
}

.contact-info address span {
    color: #FFFFFF;
    font-size: 14px;
    display: block;
    font-weight: 500;
    line-height: 24px;

}

.contact-info address span:last-child {
    font-family: 'Poppins', sans-serif;
}

.contact-info address .con-facebook,
.contact-info address .con-twitter {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    display: block;
    -webkit-border-radius: 3px;
    text-align: left;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 25px;
    margin: 0 16px 15px;
}

.contact-info address .con-facebook i,
.contact-info address .con-twitter i {
    margin-right: 7px;
}

.contact-info address .con-facebook {
    background: #3b5998;
    margin-bottom: 14px;
}

.contact-info address .con-twitter {
    background: #0084b4;
}

/*-------- map section ---*/
.map-section {
    padding-bottom: 0;
    padding-top: 50px;
}

.map {
    height: 700px;
    background: #dfdfdf;
}

.contact-form-title {
    font-size: 24px;
    font-weight: 700;
    color: #1d2d5d;
    line-height: 31px;
    padding-left: 42px;
    position: relative;
}

.contact-form-title img {
    position: absolute;
    left: 0;
    top: 0;
}

.contact-form-content p {
    margin-bottom: 26px;
    text-align: justify;
}

.contact-form-content p span {
    color: #f68c26;
}

.contact-form-content p:last-of-type {
    margin-bottom: 0;
}

.contact-form .contact-form-title {
    margin-bottom: 20px;
}

/*------- our story -----*/

.about-content {
    margin-bottom: 50px;
}

.about-mission:last-of-type {
    margin-bottom: 0;
}

.about-content h2 {
    font-size: 24px;
    color: #1c2d5d;
    font-weight: 700;
    margin-bottom: 13px;
}

.about-content p.plead {
    font-size: 18px;
    color: #313131;
    font-weight: 600;
    line-height: 30px;
    text-align: justify;
}

.about-content p {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: calc(100% + 10px);
}

.about-content p:last-of-type {
    margin-bottom: 0;
}

.about-history {
    margin-bottom: 30px;
}

.about-history,
.about-mission {
    /*background: #f1f1f1;*/
}

.about-mission p {
    text-align: justify;
}

.about-history {
    padding: 45px 20px;
}

.about-history p {
    margin-bottom: 27px;
    text-align: justify;
}

.about-history h2 {
    color: #1c2d5d;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

#ab-history .carousel-indicators {
    bottom: auto;
    left: 0;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 1;
    text-align: left;
    top: 0;
    margin-bottom: 15px;
}

#ab-history .carousel-indicators li,
#ab-history .carousel-indicators .active {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 1px;
    text-indent: 0;
    width: auto;
    font-size: 24px;
    color: #cbcbcb;
    font-weight: 600;
    margin: 0 16px;
    position: relative;
}

#ab-history .carousel-indicators li::before {
    background: #cacaca;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin: auto;
    position: absolute;
    right: -34px;
    top: 0;
    width: 30px;
}

#ab-history .carousel-indicators li:last-of-type:before {
    background: transparent;
}

#ab-history .carousel-indicators li:first-of-type {
    margin-left: 0;
}

#ab-history .carousel-indicators li.active {
    color: #1c2d5d;
}

.ab-history-nav a {
    width: 45px;
    height: 45px;
    border: 1px dotted #1c2d5d;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    color: #1c2d5d;
    padding: 10px 0;
    margin-right: 10px;
}

.ab-history-nav a:hover {
    background: #1c2d5d;
    border-color: #1c2d5d;
    color: #fff;
}

.about-mission {
    margin-bottom: 50px;
    /* padding: 38px 30px;*/
}

.ab-mis-icon {
    margin-bottom: 15px;
    min-height: 30px;
    padding-left: 47px;
    position: relative;
}

.ab-mis-icon img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 1px;
}

.ab-mis-icon h2,
.ab-mis-icon h3 {
    font-weight: 700;
    font-size: 32px;
    line-height: calc(100% + 10px);
    color: #1c2d5d;
    margin: 0;
}

.login,
.forgot,
.reset {
    background: rgba(0, 0, 0, 0.85);
    padding: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
}

.login-form {
    background: #1D2D5D;
    left: 0;
    padding: 43px 25px;
    position: absolute;
    right: 0;
    margin: auto;
    width: 400px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 1;
}

.login-form h3,
.signUp-form h3 {
    color: #ffffff;
    font-family: "Raleway", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    text-align: left;
}

.checkbox input[type="checkbox"] {
    margin: 0;
    position: relative;
    font-size: 15px;
    color: #ffffff;
}

.checkbox {
    font-size: 14px;
    color: #ffffff;
    position: relative;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 300;
}

.login-btn {
    background: #F68C26;
    border: medium none;
    border-radius: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 45px;
    font-weight: 600;
}

.login-btn:hover {
    opacity: .9;
}

.forget-or-signup.text-left {
    border-top: 1px solid #4a515f;
    margin-top: 20px;
    padding-top: 22px;
}

.forget-or-signup span {
    color: #ffffff;
    font-size: 11px;
}

.forget-or-signup a {
    display: inline-block;
    font-size: 11px;
    color: #000;
    font-weight: 600;
    margin-right: 5px;
    color: #00bdca;
}

/*---------------------- signUp-form ----------------------------*/
.sign-up {
    background: rgba(0, 0, 0, .7);
    padding: 50px;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    z-index: 99999;
    bottom: 0;
    margin: auto;
}

.signUp-form {
    background: #1D2D5D;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    padding: 42px 25px;
    position: relative;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 472px;
    z-index: 99999;
}

.close-login {
    color: #ffffff;
    font-size: 26px;
    font-weight: normal;
    position: absolute;
    right: -36px;
    top: -41px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 12px;
}

.close-login .bar11 {
    background: #ffffff;
    height: 2px;
    position: absolute;
    width: 24px;
    transform: rotate(45deg);
}

.close-login .bar22 {
    background: #ffffff;
    height: 2px;
    position: absolute;
    width: 24px;
    transform: rotate(-45deg);
}

.forgot {
    display: none;
}

.common-form input[type="text"],
.common-form input[type="email"],
.common-form input[type="password"] {
    margin-bottom: 20px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #fff;
    color: #000;
    font-size: 14px;
    font-style: italic;
    height: 50px;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
}

/*-------------------------------- search result page -------------------------------*/
.page-banner-img img {
    width: 100%;
    height: auto;
}

.single-search-result-thimb img {
    width: 100%;
}

.search-result-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    color: #1e2d5d;
    margin-bottom: 0;
}

.search-blog-date-info {
    padding-left: 0;
    margin-bottom: 13px;
}

.search-blog-date-info li {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #5165a3;
    list-style: none;
    padding-right: 12px;
}

.search-blog-date-info li a {
    color: #5165a3;
    position: relative;
    padding: 0 6px 0 0;
}

.search-blog-date-info li a::before {
    position: absolute;
    right: -7px;
    top: 3px;
    width: 2px;
    height: 10px;
    background: #a4adcb;
    content: '';
}

.search-blog-date-info li:last-child a::before {
    display: none;
}

.single-search-result-content p {
    text-align: justify;
    margin-bottom: 44px;
}

.padd-marg-bottom30 {
    padding: 0 0 45px;
    margin-bottom: 45px;
}

.border-bottom {
    border-bottom: 1px solid #e7f5ff;
}

.pagination-blog.search-blog {
    padding-top: 0;
}

/*========================= single-service-details ================================================*/
.single-service-details img {
    width: auto;
    height: auto;
    margin-bottom: 17px;
}

.single-service-big .service-img img {
    width: 100%;
}

.single-service-big .ab_single-service_cont p {
    color: #f5f5f5;
}

.ab_single-service_cont a,
.ab_single-service_cont span,
.ab_single-service_cont a:focus {
    color: #ffffff;
}

.single-service.single-service-big {
    min-height: auto;
    margin-left: 15px;
    margin-right: 15px;
}

.single-service.single-service-big .service-img {
    margin-bottom: 0;
}

.single-service-details h4 {
    font-size: 16px;
    color: #1d2d5d;
    line-height: 27px;
    font-weight: 600;
    margin-bottom: 9px;
}

.single-service-details {
    padding: 30px 0;
    position: relative;
    min-height: 250px;
}

.single-service-details:before {
    position: absolute;
    right: -15px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ebebeb;
    content: '';
}

.single-service-details:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ebebeb;
    content: '';
}

.traingle-bar {
    position: absolute;
    right: -24px;
    bottom: -9px;
    width: 21px;
    height: 21px;
    background: #ebebeb;
    transform: rotate(-43deg);
}

.main-item .col-lg-3:nth-of-type(4) .single-service-details span,
.main-item .col-lg-3:nth-of-type(4) .single-service-details:before,
.main-item .col-lg-3:nth-of-type(8) .single-service-details span,
.main-item .col-lg-3:nth-of-type(8) .single-service-details:before,
.main-item .col-lg-3:nth-of-type(12) .single-service-details span,
.main-item .col-lg-3:nth-of-type(12) .single-service-details:before,
.main-item .col-lg-3:nth-of-type(16) .single-service-details span,
.main-item .col-lg-3:nth-of-type(16) .single-service-details:before,
.main-item .col-lg-3:nth-of-type(20) .single-service-details span,
.main-item .col-lg-3:nth-of-type(20) .single-service-details:before,
.main-item .col-lg-3:nth-of-type(24) .single-service-details span,
.main-item .col-lg-3:nth-of-type(24) .single-service-details:before {
    display: none;
}

.last-row-item span,
.last-row-item .single-service-details:after,
.last-row-item.last .single-service-details:before {
    display: none;
}

.padding-bottom50 {
    padding-bottom: 50px;
}

/*--------------------- service item -------*/
.single-serv-img img {
    width: 100%;
    height: auto;
}

.single-serv-title {
    font-size: 29px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 36px;
    margin-bottom: 24px;
}

.single-service-content p {
    text-align: justify;
    margin-bottom: 23px;
}

.border-top1 {
    border-top: 1px dashed #dddddd;
}

.single-service-item .border-top1 {
    border-top: none;
}

.package-pheader.sm-content p strong,
.package-pheader.sm-content ul li strong {
    color: #1d2d5d;
}

/*--------------------- accourdian -------------------*/

.panel-default > .panel-heading a {
    display: block;
    padding: 13px 15px 13px 40px;
    font-size: 18px;
    font-weight: 500;
    color: #1d2d5d;
}

.panel-default > .panel-heading a::after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    width: 28px;
    height: auto;
    background: #1d2d5d;
    /* padding: -1px 0; */
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.panel-default > .panel-heading a[aria-expanded="true"] {
    background-color: transparent;
}

.panel-default > .panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 26px;

}

.panel-default > .panel-heading a[aria-expanded="false"]::after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 26px;

}

.panel-default > .panel-heading a,
.panel-default > .panel-heading {
    position: relative;
}

.panel-default > .panel-heading a::after {
    top: 11px;
    left: -4px;
    position: absolute;
}

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

.accordion-option .title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 0;
}

.accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
    content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
    content: "Collapse All";
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: medium none;
}

.panel-heading {
    padding: 0;
}

.panel-group .panel {
    border: none;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

.panel-body .tab-content p {
    margin-bottom: 0;
}

/*----------------------- trail input item ----*/
.tr-inp-name {
    width: 100%;
    height: 50px;
    background: #2a3a6a;
    border-radius: 35px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    padding-left: 45px;
    padding-right: 220px;
    margin-bottom: 16px;
}

.hire-form-btn {
    display: inline-block;
    position: relative;
}

.hire-form-btn span {
    display: block;
    height: 18px;
    left: 18px;
    overflow: hidden;
    position: absolute;
    top: 9px;
    width: 14px;
    z-index: 1;
}

.hire-form-btn b {
    position: relative;
}

.hire-form-btn input[type="submit"] {
    height: 50px;
    background: #2a3a6a;
    border-radius: 35px;
    border: none;
    font-size: 15px;
    color: #d1d1d1;
    font-weight: 600;
    padding: 0 63px;
    display: inline-block;
    letter-spacing: 1.8px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    margin-right: 40px;
}

.hire-form-btn input[type="submit"]:hover {
    background: #5165a3;
}

.hire-form-btn.contact-submit-btn b::before {
    top: -8px;
}

.margin-top20 {
    margin-top: 20px;
}

/*------------------------------------------
seo test page
------------------------------------------*/
.seo-test-banner h3 {
    font-size: 36px;
    font-weight: 400;
    color: #f5f5f5;
    line-height: 42px;
    letter-spacing: 1.8px;
}

.seo-test-banner span {
    width: 80px;
    height: 1px;
    background: #f68c26;
    margin: 0 auto;
    display: block;
    margin-bottom: 9px;
}

.choose-report-title {
    font-size: 36px;
    color: #1c2d5d;
    line-height: 42px;
    font-weight: 600;
    text-align: center;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

/*---------------------------------- website-analyst-sec-----------------------------*/
.website-analyst-sec {
    background: #f8f8f8;
}

.web-analyst-title {
    font-size: 18px;
    line-height: 52px;
    background: #1d2d5d;
    color: #ffffff;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    margin-bottom: 0;
    position: relative;
    top: 16px;
    z-index: 2;
}

.web-seo-test-skillbar h4 {
    font-size: 18px;
    line-height: 42px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 600;
}

.web-seo-test-skillbar h4 a {
    color: #1d2d5d;
}

.web-seo-test-skillbar h4 span {
    color: #f68c26;
    font-weight: 700;
    width: 60px;
    text-align: right;
    display: inline-block;
}

.skills-item {
    width: 100%;
    height: 20px;
    background: #ddd;
    border-radius: 20px;
    overflow: hidden;
}

.skills-bar {
    width: 0%;
    height: 100%;
    background: #f68c26;
}

.web-seo-test-skillbar {
    margin-bottom: 10px;
}

/*---------- page lavel score ----*/
.page-level-score h2 {
    font-size: 30px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 42px;
    text-align: center;
}

.page-level-list {
    border-top: 1px solid #1d2d5d;
    border-bottom: 1px solid #1d2d5d;
    padding: 19px 0px 0px;
}

.page-level-list li {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 42px;
    /* margin-right: 61px; */
    width: 25%;
    text-align: center;
    list-style: none;
    float: left;
    position: relative;
}

.page-level-list li:last-child {
    margin-right: 0;
}

.page-level-list li span {
    display: block;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    border: 1px dashed #1d2d5d;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    position: relative;
}

.page-level-list li:first-child span {
    width: 90px;
    height: 90px;
    padding: 19px 0;
    position: relative;
    top: -4px;
    font-size: 42px;
    color: #f68c26;
}

.page-level-list li::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 85%;
    background: #1d2d5d;
    content: '';
}

.page-level-score {
    padding: 0 13px;
}

.page-level-list li:first-child::before,
.page-level-list li:last-child::before {
    display: none;
}

.seo-recomand {
    font-size: 24px;
    line-height: 42px;
    color: #1d2d5d;
    display: inline-block;
    text-align: center;
    border: 1px dashed #1d2d5d;
    padding: 4px 38px;
    border-radius: 31px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.seo-recomand:hover {
    background: #1d2d5d;
    color: #ffffff;
}

.margin-bottom45 {
    margin-bottom: 45px;
}

.margin-top60 {
    margin-top: 60px;
}

/*------------------------------------------ screenshort-tabs-list----------------------------*/
.screenshort-tabs-list {
    background: #1d2d5d;
    padding-left: 0;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 44px;
    overflow: hidden;
}

.screenshort-tabs-list.screen_tabs_item li {
    width: 50%;
}

.screenshort-tabs-list li {
    float: left;
    width: 33.3%;
    position: relative;
    list-style: none;
}

.screenshort-tabs-list li:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #415183;
    content: '';
}

.screenshort-tabs-list li:first-child:before {
    display: none;
}

.screenshort-tabs-list li a {
    color: #ffffff;
    padding: 13px 10px;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
}

.screenshort-tabs-list li a i {
    margin-right: 8px;
}

.screenshort-tabs-list .active {
    background: #f68c26;
}

.api-image {
    position: absolute;
    top: 0;
    padding: 12px;
    left: 0;
    right: 0;
    bottom: 0;
}

.api-image img {
    width: 100%;
}

.desk-img {
    position: relative;
    width: 380px;
    margin: auto;
}

.desk-img img {
    width: 100%;
    height: 80%;
}

.tablet-view {
    background: url(../images/tablet_view.png) no-repeat 100% 0 /cover;
    overflow: hidden;
    padding: 25px 25px 46px 25px;
    /* min-height: 555px; */
    max-width: 434px;
    margin: auto;
    border-radius: 14px;
}

.tablet-view img {
    width: 100%;
}

.mobile-view {
    background: url(../images/mobile-img.png) no-repeat center 100% /cover;
    overflow: hidden;
    padding: 78px 13px 23px 14px;
    min-height: 503px;
    max-width: 234px;
    margin: auto;
    border-radius: 29px;
    position: relative;
}

.mobile-view img {
    width: 100%;
}

/*---------------------------------------- page-scor-analyst------------------------*/
.page-scor-title {
    font-size: 36px;
    font-weight: 700;
    color: #1c2d5d;
    line-height: 43px;
}

.page-scor-title span {
    color: #f68c26;
}

.error-item h2 {
    font-size: 24px;
    font-weight: 600;
    color: #1c2d5d;
    line-height: 25px;

}

.error-item h3 {
    font-size: 24px;
    line-height: 20px;
    color: #1c2d5d;
    font-weight: 400;
}

.error-list li {
    display: block;
    list-style: none;
    font-size: 16px;
    line-height: 42px;
    padding: 4px;
    color: #1c2d5d;
}

.error-list li:nth-child(odd) {
    background: #f0f3f4;
}

.error-list li i {
    font-size: 20px;
    color: #fe6868;
    padding-right: 10px;
    position: relative;
    top: 2px;
}

.error-list li span {
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
}

/*---------------------------------------- back link and index link counter --------------------------*/
.backlink-title {
    font-size: 24px;
    font-weight: 600;
    color: #1c2d5d;
    line-height: 42px;
}

.backlink-counter p {
    font-size: 18px;
    color: #1c2d5d;
}

.backlink-counter p a {
    color: #f68c26;
    padding-left: 6px;
}

.backlink-cont {
    width: 125px;
    height: 125px;
    background: #1c2d5d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    margin: auto;
    padding: 27px 0;
    margin-bottom: 30px;
    position: relative;
}

.backlink-cont:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 1px;
    background: #f68c26;
    content: '';
}

.backlink-cont::before {
    position: absolute;
    right: -184px;
    /* top: 105px; */
    width: 185px;
    height: 1px;
    background: #f68c26;
    content: '';
    top: 50%;
    z-index: 1;
}

.backlink-cont::after {
    position: absolute;
    right: -188px;
    /* top: 105px; */
    width: 10px;
    height: 10px;
    background: #f68c26;
    content: '';
    top: 47%;
    z-index: 1;
    border-radius: 50%;
}

.backlink-cont h3,
.indexlink-cont h3 {
    font-size: 24px;
    font-weight: 700;
    color: #f68c26;
    line-height: 34px;
    margin-bottom: 0;
}

.backlink-img {
    background: url(../images/tablet_view.png) no-repeat 100% 0 /cover;
    overflow: hidden;
    padding: 25px 25px 46px 25px;
    /* min-height: 555px; */
    max-width: 434px;
    margin: auto;
    border-radius: 14px;
}

.backlink-img img {
    width: 100%;
    height: auto;
}

.indexlink-cont {
    width: 125px;
    height: 125px;
    background: #1c2d5d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    margin: auto;
    padding: 27px 0;
    margin-bottom: 30px;
    position: relative;
}

.indexlink-cont::before {
    position: absolute;
    left: -184px;
    /* top: 105px; */
    width: 185px;
    height: 1px;
    background: #f68c26;
    content: '';
    top: 50%;
    z-index: 1;
}

.indexlink-cont::after {
    position: absolute;
    left: -188px;
    /* top: 105px; */
    width: 10px;
    height: 10px;
    background: #f68c26;
    content: '';
    top: 47%;
    z-index: 1;
    border-radius: 50%;
}

/*---------------------------------------------------- seo keyword table --------------------*/
.custom-table {
    width: 100%;
}

.custom-table tr th {
    font-size: 16px;
    font-weight: 600;
    color: #1c2d5d;
    text-align: center;
    font-family: "Raleway", sans-serif;
    background: #f0f3f4;
    border-top: 0;
    padding: 10px 8px;
    vertical-align: middle;
    border-right: 1px solid #ffffff;
}

.custom-table tr td {
    font-size: 16px;
    font-weight: 600;
    color: #1c2d5d;
    text-align: center;
    font-family: "Raleway", sans-serif;
    border-top: 0;
    padding: 10px 8px;
    vertical-align: middle;
    border-right: 1px solid #ffffff;
}

.custom-table tr td:nth-child(2),
.custom-table tr th:nth-child(2) {
    text-align: left;
}

.custom-table tr:nth-child(odd) {
    background: #f0f3f4;
    color: #f00;
}

.keyword-table p {
    text-align: center;
}

/*------------------------------- page recomandation --------------------*/
.page-recomandations-list li {
    display: block;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    text-align: center;
    line-height: 28px;
}

.page-recomandations-list li:nth-child(odd) {
    background: #f0f3f4;
}

.page-recomandations-list li:nth-child(even) {
    background: #f7f9f9;
}

.single-analyst-item {
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 43px 20px 20px;
}

.single-analyst-item h2 {
    font-size: 24px;
    font-weight: 600;
    color: #1c2d5d;
    text-align: center;
}

.single-analiyst-list-item ul {
    width: 40%;
    padding-left: 10px;
}

.single-analiyst-list-item ul li {
    font-size: 18px;
    font-weight: 600;
    color: #bababa;
    list-style: none;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
}

.single-analiyst-list-item ul li span {
    display: block;
    color: #1c2d5d;
}

.single-analyst-chart {
    width: 60%;
}

.single-analyst-chart img {
    width: 100%;

}

/*---------------- report table ---------*/
.report-scores ul li {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #1c2d5d;
    margin: 0 15px;
}

.report-scores ul li span {
    color: #f16334;
    margin-left: 8px;
}

.report-table tr td {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}

.report-table tr td .wait {
    background: #f16334;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-left: -5px;
    padding: 0 4px;
}

.report-table tr td .receive {
    background: #f8ac93;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-left: -5px;
    padding: 0 4px;
}

.color_red {
    color: #cc0000;
}

.color_green {
    color: #69da7e;
}

.color_yellow {
    color: #f5b835;
}

.web-performance li span {
    font-size: 18px;
    font-weight: 700;
    margin-right: 10px;
    width: 33px;
    display: inline-block;
}

.report-title {
    margin-bottom: 0;
}

/**Faisal Css**/
.login-form-new, .successful-popup-wrap {
    background: rgba(29, 45, 93, .6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    overflow-y: scroll;
    overflow-x: hidden;
}

.login-form-new-inner {
    background: #fff;
    z-index: 99;
    position: absolute;
    width: 1100px;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin: auto;
    min-height: 590px;
    border-radius: 15px;
    padding: 60px;
    /* overflow-y: scroll; */
}

.commom-form h2 {
    font-size: 24px;
    color: #1d2d5d;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 15px;
}

.commom-form p {
    font-size: 16px;
    color: #1d2d5d;
}

.commom-form p:last-of-type {
    margin-bottom: 25px;
}

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

.form-input input[type='text'],
.form-input input[type='email'],
.form-input input[type='password'] {
    width: 100%;
    height: 50px;
    background: #5165a3;
    border-radius: 30px;
    border: none;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    padding: 10px 28px;
}

.form-button {
    position: relative;
}

.form-button input[type='submit'] {
    border-radius: 30px;
    height: 50px;
    background: #5165a3;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 18px 50px;
    display: inline-block;
    line-height: 1;
}

.form-button .guestLogin {
    border-radius: 30px;
    height: 50px;
    background: #5165a3;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 18px 50px;
    display: inline-block;
    line-height: 1;
}

.form-input label {
    font-size: 16px;
    color: #1d2d5d;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-bottom: 11px;
}

.form-input label span {
    font-size: 30px;
    color: #ff0000;
    line-height: .8;
    display: block;
    position: absolute;
    top: 0;
    right: -12px;
}

.form-button span {
    display: block;
    height: 18px;
    left: 14px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    width: 18px;
    z-index: 1;
}

.form-button span:after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 100%;
}

.form-button b {
    position: relative;
}

.form-button b::before {
    background: #fff;
    content: "";
    height: 2px;
    left: 32px;
    position: absolute;
    top: -7px;
    width: 0;
    z-index: 1;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.form-button:hover b::before {
    width: 100px;
}

.forgot-pass {
    font-size: 16px;
    line-height: 1.3;
    color: #ff0000;
    font-weight: 400;
    display: block;
    padding-top: 15px;
}

.forgot-pass:hover {
    color: #1d2d5d;
}

.close-icon {
    position: absolute;
    right: 0;
    top: 0;
    color: #1d2d5d;
    padding: 24px 26px;
    border-radius: 0 10px 0 0;
    line-height: 1;
    font-size: 25px;
}

.close-icon:hover {
    color: #ff0000;
}

.successful-popup {
    width: 890px;
    position: fixed;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 105px 186px;
    border-radius: 20px;
}

.successful-popup {
}

.successful-popup img {
    width: 115px;
    height: 115px;
    margin: auto;
    margin-bottom: 33px;
}

.successful-popup h3 {
    font-size: 36px;
    color: #1d2d5d;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 25px;
}

.successful-popup p {
    font-size: 16px;
    line-height: 26px;
    color: #1d2d5d;
    font-weight: 400;
}

.successful-popup p:last-of-type {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 32px;
    margin-bottom: 25px;
}

.success-popup {
    font-size: 18px;
    color: #1d2d5d;
    line-height: 1;
    font-weight: 700;
}

.success-popup:hover {
    color: #f68c26
}

.error-page-content {
    text-align: center;
}

.error-page-content > h3 {
    font-size: 48px;
    color: #fefefe;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 74px;
}

.error-page-section {
    padding: 190px 0 150px;
    overflow: hidden;
}

.error-search-form {
    position: relative;
    z-index: 2;
}

.error-search-form {
    width: 775px;
    margin: auto;
}

.error-search-form input[type='search'] {
    height: 70px;
    background: #5165a3;
    border: none;
    border-radius: 35px;
    width: 100%;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 20px;
    font-weight: 400;
    padding: 22px 28px;
}

.error-search-form input[type='search']::-webkit-input-placeholder {
    color: #fff;
}

.error-search-form input[type='search']::-moz-placeholder {
    color: #fff;
}

.error-search-form input[type='search']:-ms-input-placeholder {
    color: #fff;
}

.error-search-form input[type='search']:-moz-placeholder {
    color: #fff;
}

.error-search-form button[type="submit"] {
    position: absolute;
    right: 0;
    height: 100%;
    background: #ffffff;
    border-radius: 0 35px 35px 0;
    border: none;
    padding: 0 56px;
    font-size: 30px;
    color: #5165a3;
    top: 0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.error-search-form button[type="submit"]:hover {
    color: #f68c26;
}

.error-page-content img {
    margin-bottom: 20px;
}

.terms-privacy-policy {
    padding-bottom: 30px;
    padding-top: 30px;
}

.single-privacy-policy {
}

.single-privacy-policy h2 {
    font-size: 24px;
    color: #1d2d5d;
    font-weight: 600;
    margin-bottom: 13px;
}

.inner-single-privacy-policy {
    margin-top: 10px;
}

.inner-single-privacy-policy h3 {
    font-size: 18px;
    color: #1d2d5d;
    font-weight: 700;
    margin-bottom: 14px;
}

.single-privacy-policy {
    margin-bottom: 53px;
}

.single-privacy-policy p {
    font-size: 16px;
    line-height: 27px;
    color: #313131;
    margin-bottom: 25px;
    text-align: justify;
}

.single-faq {
    margin-bottom: 38px;
}

.single-faq h2 {
    font-size: 18px;
    color: #1d2d5d;
    margin-bottom: 15px;
    font-weight: 600;
}

.single-faq p {
    text-align: justify;
}

.single-faq p strong {
    color: #1d2d5d;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    font-size: 5px;
    text-indent: -9999em;
    border-top: 5px solid rgba(66, 63, 63, 0.2);
    border-right: 5px solid rgba(66, 63, 63, 0.2);
    border-bottom: 5px solid rgba(66, 63, 63, 0.2);
    border-left: 5px solid #dadee2;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.desk-img .loader {
    top: -50px;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.section-loader {
    position: absolute;
    background: rgba(29, 45, 93, .6);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.single-service-details img {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.single-service-details:hover img {
    transform: scale(1.1);
}

.search-wrap {
    background: rgba(29, 45, 93, .85);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    left: 0;
    display: none;
}

.search-inner {
    height: 50px;
    width: 50%;
    margin: auto;
    position: absolute;
    top: 24%;
    left: 0;
    right: 0;
    margin: auto;
}

.search-inner input[type="search"] {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 2px solid #bdbbbb;
    font-size: 18px;
    color: #fff;
    padding: 0 27px 18px 10px;
    font-style: italic;
    padding-left: 150px;
    line-height: 1;
}

.search-inner button {
    position: absolute;
    right: 10px;
    top: 0;
    background: transparent;
    border: none;
    font-size: 18px;
    color: #fff;
}

.search-inner select {
    position: relative;
    background: transparent;
    border: none;
    height: 100%;
    background: rgba(255, 255, 255, .1);
    top: -11px;
    font-size: 16px;
    font-weight: 400;
    padding: 4px 30px;
    color: #bfbcbc;
    left: -1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.search-select::after {
    position: absolute;
    content: '\f107';
    font-family: FontAwesome;
    right: 20px;
    top: 3px;
    z-index: -1;
    color: #adadad;
}

.search-select {
    position: absolute;
    top: 0;
    bottom: 0;
}

.search-inner select option {
    padding: 5px;
    border: 1px solid transparent;
    background: #fff;
    color: #1d2d5d;
}

.list-group-item:first-child {
    border-radius: 0;
}

.error-list.warning-list {
}

.error-list.warning-list li i {
    color: #f0ad4e;
}

.error-list.success-list li i {
    color: #5cb85c;
}

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

.screenshort-tabs-list li:first-of-type {
    border-radius: 44px 0 0 44px;
}

.screenshort-tabs-list li:last-of-type {
    border-radius: 0 28px 28px 0;
}

.single-pkg-table {
    float: left;
    width: 25%;
    background: #fff;
}

.pkg-head {
    min-height: 185px;
    border-bottom: 1px solid #ccdfff;
    padding: 25px 0;
    position: relative;
    text-align : center;
}

.pkg-head img,
.ab-single-organic-head img {
    position: absolute;
    left: -10px;
    top: -10px;
}

.package-hover-item.active {
    margin-top: -8px;
    padding-top: 0px;
}

/*.package-hover-item {*/
/*    -webkit-transition: all ease 500ms;*/
/*    -moz-transition: all ease 500ms;*/
/*    -ms-transition: all ease 500ms;*/
/*    -o-transition: all ease 500ms;*/
/*    transition: all ease 500ms;*/
/*}*/

.package-hover-item.active .pkg-head img {
    top: -10px;
}

.pkg-head h3,
.pkg-head h5 {
    font-weight: 700;
    color: #1d2d5d;
    line-height: 1;
    align-self: center;
    margin: auto;

}

/*.single-pkg-table.active {*/
/*    border: none !important;*/
/*}*/

/*.single-pkg-table.active .pkg-button {*/
/*    padding: 31px 0;*/
/*}*/

/*.single-pkg-table.praticular-packge-prof.package-hover-item,
.single-pkg-table.package-hover-item.particular-advnce{
    border-left:none !important;
}*/
.pkg-head h3 {
    font-size: 28px;
    margin-bottom: 15px;
}

.pkg-head h5 {
    font-size: 18px;
}

/*.single-pkg-table.active .pkg-head h3,*/
/*.package-hover-item:hover .pkg-head h3 {*/
/*    color: #f68c26;*/
/*    -webkit-transition: all ease 400ms;*/
/*    -moz-transition: all ease 400ms;*/
/*    -ms-transition: all ease 400ms;*/
/*    -o-transition: all ease 400ms;*/
/*    transition: all ease 400ms;*/
/*}*/

/*.single-pkg-table.active .pkg-head h5,*/
/*.package-hover-item:hover .pkg-head h5 {*/
/*    color: #fff;*/
/*}*/

/*.single-pkg-table.active .pkg-head,*/
/*.package-hover-item:hover .pkg-head,*/
/*.package-hover-item:hover .pkg-head,*/
/*.package-hover-item:hover .pkg-button,*/
/*.package-hover-item:hover .pkg-button,*/
/*.single-pkg-table.active .pkg-button {*/
/*    border-color: #1d2d5d;*/
/*    background: #1d2d5d;*/
/*}*/

.single-pkg-table {
    border-left: 1px solid #ccdfff;
    border-bottom: 1px solid #ccdfff;
    border-top: 1px solid #ccdfff;
    text-align: center;

}

.ab-single-organic-package {
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

/*.basic-package-table .single-pkg-table:last-of-type {*/
/*    border-right: 1px solid #ccdfff;*/
/*}*/

.single-pkg-table.first-table {
    margin-top: 185px;
    text-align: left;
}

.t-dw {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    min-height: 70px;
}

.t-data {
    align-self: center;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
}

.single-pkg-table div.t-data {
    padding: 5px 25px;
    font-size: 14px;
    color: #1d2d5d;
    font-weight: 600;
    line-height: 24px;
    width: 100%;
}

.single-pkg-table div.t-dw:nth-child(odd) {
    background: #f6f9fe;
}

.single-pkg-table.first-table div.t-dw:nth-child(even) {
    background: #f6f9fe;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.single-pkg-table.first-table div.t-dw:nth-child(odd) {
    background: transparent;
    -webkit-transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -ms-transition: all ease 500ms;
    -o-transition: all ease 500ms;
    transition: all ease 500ms;
}

.single-pkg-table > div.pkg-button {
    border-top: 1px solid #ccdfff;
}

/*.single-pkg-table.active div.t-dw:nth-child(odd) {*/
/*    background: #1e2e5c;*/
/*    -webkit-transition: all ease 800ms;*/
/*    -moz-transition: all ease 800ms;*/
/*    -ms-transition: all ease 800ms;*/
/*    -o-transition: all ease 800ms;*/
/*    transition: all ease 800ms;*/
/*}*/

/*.single-pkg-table.active div.t-dw:nth-child(even) {*/
/*    background: #1e2f60 !important;*/
/*    -webkit-transition: all ease 800ms;*/
/*    -moz-transition: all ease 800ms;*/
/*    -ms-transition: all ease 800ms;*/
/*    -o-transition: all ease 800ms;*/
/*    transition: all ease 800ms;*/
/*}*/

/*.package-hover-item:hover .pkg-head {*/
/*    -webkit-transition: all ease 500ms;*/
/*    -moz-transition: all ease 500ms;*/
/*    -ms-transition: all ease 500ms;*/
/*    -o-transition: all ease 500ms;*/
/*    transition: all ease 500ms;*/
/*}*/


.pkg-head > span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    margin-bottom: 15px;
}

.praticular-packge-prof .pkg-head {
    background: #f15b26;
    color: #FFFFFF;
}

.particular-advnce .pkg-head {
    background: #05a8d0;
    color: #FFFFFF;
}

.ab-basic-particuler .pkg-head {
    background: #6739b6;
    color: #FFFFFF;
}

.praticular-packge-prof .pkg-head h3,
.praticular-packge-prof .pkg-head h5,
.ab-basic-particuler .pkg-head h3,
.ab-basic-particuler .pkg-head h5,
.particular-advnce .pkg-head h3,
.particular-advnce .pkg-head h5 {
    color: #FFFFFF;
}

/*.basic-package-table .single-pkg-table:last-of-type {*/
/*    border-right: 1px solid #ccdfff;*/
/*    border-left: 1px solid #ccdfff;*/
/*}*/

.single-pkg-table .pkg-button {
    padding: 10px 0;
}
.single-pkg-table .pkg-button a.doddle-btn {
    transition : all .3s;
}
.single-pkg-table .pkg-button a.doddle-btn:hover {
    background-color : #F68C26;
    border-color : #F68C26;
}

/*.single-pkg-table .pkg-button a.doddle-btn.fill {*/
/*    font-size: 12px;*/
/*    font-weight: 600;*/
/*    letter-spacing: 1.2px;*/
/*    min-height: 40px;*/
/*    padding: 14px 36px;*/
/*}*/

/*.single-pkg-table.active .pkg-button a.doddle-btn.fill,*/
/*.package-hover-item:hover .pkg-button a.doddle-btn.fill {*/
/*    background: #f68c26;*/
/*    border-color: #f68c26;*/
/*}*/

/*.single-pkg-table.active div.t-data,*/
/*.package-hover-item:hover div.t-data {*/
/*    color: #fff;*/
/*}*/

/*.package-hover-item div.t-data {*/
/*    -webkit-transition: all ease 500ms;*/
/*    -moz-transition: all ease 500ms;*/
/*    -ms-transition: all ease 500ms;*/
/*    -o-transition: all ease 500ms;*/
/*    transition: all ease 500ms;*/
/*    text-transform: capitalize;*/
/*}*/

.table-title {
    text-align: center;
    padding-left: 25%;
}

.table-title > h2 {
    font-size: 24px;
    color: #1d2d5d;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 25px;
}

.package-section {
    padding-top: 50px;
}

/*.single-pkg-table.active,*/
/*.package-hover-item:hover {*/
/*    box-shadow: 1px 0 30px rgba(84, 107, 175, .75);*/
/*    z-index: 1;*/
/*    position: relative;*/
/*    border-color: #1d2d5d;*/
/*}*/

.ab-t-socail-hover {
    position: relative;
}

.package-table-02 table {
    width: 100%;
}

.package-table-02 table caption {
    background: #1d2d5d;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 27px 0;
}

.package-table-02 table tr td {
    border: 1px solid #1d2d5d;
    text-align: center;
    width: 33.3333%;
    font-size: 16px;
    color: #1d2d5d;
    font-weight: 600;
    padding: 15px 15px;
    background: #fff;
}

.package-table-02 table a.doddle-btn {
    height: 30px;
    border-color: #1d2d5d;
    font-size: 12px;
    padding: 10px 25px;
    color: #1d2d5d;
}

.package-table-02 table a.doddle-btn:hover {
    background: #f68c26;
    color: #fff;
    border-color: #f68c26;
}

.package-table-02 table a.doddle-btn span {
    width: 10px;
    height: 10px;
    left: 6px;
    top: 4px;
}

.package-table-02 table a.doddle-btn span:after {
    width: 24px;
    height: 24px;
}

.package-table-02 table a.doddle-btn b::before {
    left: -9px;
}

.package-table-02.organic-seo a.doddle-btn {
    height: 50px;
    background: #1d2d5d;
    color: #fff;
    font-size: 16px;
    padding: 17px 35px;
}

.package-table-02.organic-seo table a.doddle-btn span {
    height: 18px;
    left: 10px;
    top: 6px;
    width: 18px;
}

.package-table-02.organic-seo table a.doddle-btn span:after {
    width: 35px;
    height: 35px;
    border-color: #fff;
}

/*-------------- seo packge tab-----------*/
.ab-package-tab {
    margin-bottom: 60px;
    padding-left: 0;
}

.ab-package-tab li {
    display: inline-block;
}

.ab-package-tab li.active .doddle-btn.fill {
    background: #f68c26;
    border-color: #f68c26;
}

.ab-package-tab li a.doddle-btn.fill {
    background: #1d2d5d;
}

.package-socail-icon li {
    display: inline-block;
    list-style: none
}

.package-socail-icon {
    padding-left: 0;
}

.package-socail-icon li a {
    display: block;
    font-size: 18px;
    margin: 0 5px;
    padding-top: 8px;
}

.ab-tdata {
    position: relative;
}

.fb-anytwo {
    position: absolute;
    left: 0;
    font-size: 12px;
    background: #FFFFFF;
    color: #1d2d5d;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 116px;
    padding: 0px;
    top: -16px;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
}

.fb-anytwo:before {
    position: absolute;
    left: 53px;
    bottom: -7px;
    content: '';
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;

}

/*.single-pkg-table.active .fb-anytwo {*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*}*/

.p-face a {
    color: #3b5998;
}

.p-tw a {
    color: #1dcaff;
}

.p-goo a {
    color: #d34836;
}

.p-inst a {
    color: #8a3ab9;
}

.p-lin a {
    color: #0e76a8;
}

.p-pin a {
    color: #c92228;
}

.p-tum a {
    color: #2c4762;
}

.p-you a {
    color: #c4302b;
}

/*--------------------------*/
.text-muted {
    font-size: 14px;
    font-weight: 400;
}

.active .text-muted {
    color: #c9c1c1;
}

.search-list-wrap {
    max-height: 165px;
    overflow-y: scroll;
}

.search-list-wrap img {
    max-width: 40px;
    margin-right: 10px;
}

.search-list-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.search-list-wrap ul li {
    border-radius: 0 !important;
}

.search-list-wrap ul li a {
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1d2d5d;
}

.search-list-wrap ul li a:hover {
    color: #f68c26
}

.account-panel {
    background: #fbfbfc;
    padding: 30px 30px 30px 30px;
}

.account-panel .account-panel-inner .form-control.country.p_complete,
.account-panel .account-panel-inner .form-control.state.p_complete {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.account-panel h2 {
    font-size: 18px;
    color: #1d2d5d;
    line-height: 1;
    font-weight: 600;
    border-bottom: 1px solid #1d2d5d;
    padding-bottom: 18px;
    position: relative;
}

.account-panel h2:before {
    position: absolute;
    width: 90px;
    height: 3px;
    background: #1d2d5d;
    content: '';
    bottom: -2px;
    z-index: 9;
    left: 0;
}

.account-panel h2 > span {
    font-size: 16px;
    color: #9d9d9d;
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.account-sidebar {
}

.account-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-right: 0px;
    padding-top: 23px;
}

.account-sidebar ul li {
    position: relative;
    margin-bottom: 40px;
}

.account-sidebar ul li a {
    font-size: 16px;
    color: #1d2d5d;
    font-weight: 400;
    display: block;
}

.account-sidebar ul li a i {
    margin-right: 30px;
    width: 20px;
}

.account-sidebar ul li a span {
    position: absolute;
    right: 0;
}

.account-sidebar ul li:last-of-type {
    margin-bottom: 0;
}

.account-sidebar ul li:last-of-type a {
    font-weight: 700;
    color: #f5003f;
}

.account-sidebar ul li.active a,
.account-sidebar ul li a:hover {
    color: #f68c26;
}

.account-sidebar ul li:last-of-type a:hover {
    color: #f5003f;
}

.account-sidebar ul li.active:before {
    position: absolute;
    content: '';
    width: 4px;
    height: 37px;
    background: #f68c26;
    top: 0;
    left: -30px;
    bottom: 0;
    margin: auto;
}

.account-panel-inner {
    padding-right: 30px;
}

.acc-inner-panel {
    border: 1px solid #dddddd;
    min-height: 250px;
    position: relative;
    margin-bottom: 30px;
}

.acc-inner-panel h4 {
    text-align: left;
    background: #1d2d5d;
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 0;
}

.account-panel-inner {
    padding-top: 35px;
}

.account-panel-inner h3 {
    font-size: 16px;
    color: #1d2d5d;
    line-height: 1;
}

.order-status {
    margin-bottom: 20px;
    margin-top: 18px;
    overflow: hidden;
}

.order-status a {
    margin-right: 20px;
    min-height: 150px;
    width: 22.7%;
    background: #f9f9f9;
    float: left;
    text-align: center;
    border: 1px solid #dddddd;
    padding: 29px 18px;
}

.order-status a i {
    width: 55px;
    height: 55px;
    background: #ededed;
    border-radius: 50%;
    font-size: 20px;
    padding: 16px;
    margin-bottom: 20px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.order-status a p {
    line-height: 1;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

.order-status a:last-of-type {
    margin-right: 0;
}

.order-status a.order-complete {
    color: #5cb85c;
}

.order-status a.order-complete:hover i {
    background: #5cb85c;
    color: #fff;
}

.order-status a.order-pending {
    color: #f0ad4e;
}

.order-status a.order-pending:hover i {
    background: #f0ad4e;
    color: #fff;
}

.order-status a.order-cancel {
    color: #d9534f;
}

.order-status a.order-cancel:hover i {
    background: #d9534f;
    color: #fff;
}

.panel-contents {
    padding: 20px;
}

.edit-btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 14px;
    color: #1d2d5d;
    font-weight: 600;
}

.edit-btn i {
    margin-right: 4px;
}

.edit-address {
    font-size: 14px;
    color: #1d2d5d;
    font-weight: 600;
}

.edit-btn:hover,
.edit-address:hover {
    color: #f68c26;
}

.input-groups {
    margin-bottom: 20px;
}

.input-groups label {
    width: 150px;
    font-size: 16px;
    color: #1d2d5d;
    font-weight: 400;
    float: left;
}

.input-groups input,
.input-groups select {
    width: 70%;
    height: 40px;
    border: 1px solid #dddddd;
    font-size: 16px;
    color: #c3c3c3;
    padding: 10px 28px;
    border-radius: 30px;
}

.input-groups.birthday input {
    width: 24%;
    text-align: center;
}

.input-groups.birthday span {
    color: #c3c3c3;
}

.input-groups input::-webkit-input-placeholder {
    color: #c3c3c3;
}

.input-groups input::-moz-placeholder {
    color: #c3c3c3;
}

.input-groups input:-ms-input-placeholder {
    color: #c3c3c3;
}

.input-groups input:-moz-placeholder {
    color: #c3c3c3;
}

.require_field {
    color: #fd7273;
    font-size: 16px;
    font-weight: 500;
}

.input-groups.birthday {
    margin-bottom: 10px;
}

.input-groups a.doddle-btn.fill {
    font-size: 14px;
    background: #1d2d5d;
    padding: 15px 36px;
    font-weight: 700;
}

.single-order {
    border: 1px solid #dddddd;
    margin-bottom: 30px;
}

.order-head {
    border-bottom: 1px solid #dddddd;
}

.order-head h5 {
    display: inline-block;
    margin: 0;
    padding: 10px;
}

.order-content {
    padding-left: 15px;
    position: relative;
    min-height: 147px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.order-content img {*/
/*position: absolute;*/
/*left: 10px;*/
/*top: 10px;*/
/*width: 110px;*/
/*height: 128px;*/
/*}*/

.order-btn a {
    display: inline-block;
    background: #f68c26;
    font-size: 14px;
    color: #fff;
    padding: 0px 15px;
}

.order-btn a:hover {
    opacity: .7;
}

.order-content a.reorder {
    background: #1d2d5d;
}

.order-content p {
    margin-bottom: 0;
}

.order-btn {
    padding-top: 20px;
}

.main-item .col-lg-3.col-sm-6:last-of-type .traingle-bar {
    display: none;
}

.sm-content h1,
.sm-content h2,
.sm-content h3,
.sm-content h4,
.sm-content h5,
.sm-content h6 {
    color: #1d2d5d;
    font-weight: 700;
}

.sm-content h1 {
    font-size: 32px;
}

.sm-content h2 {
    font-size: 30px;
    color: #1d2d5d;
}

.sm-content h3 {
    font-size: 22px;
    color: #1d2d5d;
}

.package-pheader.sm-content h3 {
    margin: 22px 0;
}

.sm-content h4 {
    font-size: 22px;
}

.sm-content h5 {
    font-size: 18px;
}

.sm-content h6 {
    font-size: 16px;
}

.sm-content address {
    font-style: italic;
}

.sm-content b,
.sm-content strong {
    font-weight: 700;
    color: #6d6c6c;
}

.sm-content blockquote {
    background: #f9f9ff;
    border-left: 0;
    color: #1e2d5d;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin: 38px 0 39px;
    padding: 25px 56px;
    text-align: left;
    position: relative;
}

.sm-content blockquote:before {
    position: absolute;
    left: 15px;
    top: -7px;
    content: '\f10d';
    font-family: 'fontawesome';
    font-size: 36px;
    color: #312e5f;
}

.sm-content blockquote:after {
    position: absolute;
    right: 19px;
    bottom: -9px;
    content: '\f10e';
    font-family: 'fontawesome';
    font-size: 36px;
    color: #312e5f;
}

.sm-content p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 26px;
    color: #1d2d5d;
}

.sm-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 20px;
}

.sm-content ul li {
    font-size: 16px;
    position: relative;
    padding-left: 23px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 26px;
    color: #1d2d5d;
}

.sm-content a {
    color: #f68c26;
}

.sm-content ul li:before {
    background: url(../images/check2.png) no-repeat scroll;
    content: '';
    position: absolute;
    left: 0;
    width: 13px;
    height: 13px;
    top: 4px;
}

.sm-content table {
    width: 100%;
}

.sm-content table tr {
    border: 1px solid #ccdfff;
}

.sm-content table tr td,
.sm-content table tr th {
    padding: 5px 25px;
    font-size: 16px;
    color: #1d2d5d;
    font-weight: 600;
    line-height: 24px;
}

.sm-content table tr:nth-child(odd) {
    background: #f6f9fe;
}

.sm-content table caption {
    background: #1d2d5d;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 0;
}

.sm-content ol {
    list-style-type: decimal-leading-zero;
}

.package-pheader {
    margin-bottom: 60px;
    padding-top: 18px;
}

.package-pheader.sm-content {
    margin-bottom: 17px;
}

.package-pheader p {
    font-size: 16px;
    color: #1d2d5d;
    line-height: 28px;
}

.package-pheader p:last-of-type {
    margin-bottom: 30px;
}

.package-pheader ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

.package-pheader ul li {
    font-size: 16px;
    line-height: 28px;
    color: #1d2d5d;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
    font-weight: 400;
}

.package-pheader ul li:before {
    position: absolute;
    content: '';
    background: url(../images/check2.png) no-repeat;
    width: 14px;
    height: 12px;
    left: 0;
    top: 7px;
}

.package-footer-sec .package-pfooter {
    overflow: hidden;
    margin: 0 -15px;
}

.pkg-single-feacture {
    padding-left: 97px;
    position: relative;
    float: left;
    background: #1d2d5d;
    margin-right: 50px;
    width: 30.4%;
    min-height: 130px;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-right: 0px;
}

.pkg-single-feacture:before {
    content: '';
    position: absolute;
    right: -35px;
    top: 0;
    width: 35px;
    height: 100%;
    background: url(../images/pkg-arrow.png) no-repeat scroll 0 0/cover;
    bottom: 0;
}

.pkg-single-feacture:after {
    content: '';
    position: absolute;
    right: -50px;
    top: 0;
    width: 35px;
    height: 100%;
    background: url(../images/pkg-arrow2.png) no-repeat scroll 0 0/cover;
    bottom: 0;
}

.package-pfooter .pkg-single-feacture:last-of-type:after,
.package-pfooter .pkg-single-feacture:last-of-type:before {
    background: transparent;
}

.pkg-single-feacture img {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pkg-single-feacture h2 {
    font-size: 20px;
    color: #fefefe;
    margin-bottom: 12px;
    font-weight: 700;
}

.pkg-single-feacture p {
    font-size: 14px;
    color: #fefefe;
    line-height: 24px;
}

.package-pfooter .pkg-single-feacture:last-of-type {
    margin-right: 0;
}

.package-pfooter .pkg-single-feacture.one {
    background: #6739b6;
}

.package-pfooter .pkg-single-feacture.one:before {
    background: url(../images/pkg-arrow3.png) no-repeat scroll 0 0/cover;
}

.package-pfooter .pkg-single-feacture.two:after {
    background: url(../images/pkg-arrow4.png) no-repeat scroll 0 0/cover;
}

.package-pfooter .pkg-single-feacture.two {
    background: #1d2d5d;
}

.package-pfooter .pkg-single-feacture.three {
    background: #f15b26;
    padding-left: 112px;
}

.package-table-02.package-content tr td:first-of-type {
    text-align: left;
    padding-left: 60px;
}

.package-table-02.package-content input[type="checkbox"] {
    margin-right: 10px;
}

.package-table-02.package-content label {
    font-size: 15px;
    color: #666666;
    line-height: .7;
    letter-spacing: .3px;
    display: inline-block;
    font-weight: 300;
    margin: 0 0 0 2px;
}

.package-table-02.package-content input[type="checkbox"] {
    margin: 0;
}

.package-table-02.package-content input[type="checkbox"]:checked + label {
    color: #f68c26;
}

.wc-proceed-to-checkout {
    width: 100%;
    position: relative;
    text-align: right;
    margin-top: 31px;
}

.package-table-02.package-content input {
    width: inherit;
    position: absolute;
    left: 0;
    top: 0;
    height: inherit;
}

.package-table-02.package-content label {
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    color: #666666;
    font-weight: 300;
}

.package-table-02.package-content input[type="checkbox"] {
    display: none;
}

.package-table-02.package-content label::before {
    background: transparent;
    content: "";
    height: 14px;
    left: -25px;
    position: absolute;
    top: 1px;
    width: 13px;
    border: 2px solid #1d2d5d;
    border-radius: 2px;
}

.package-table-02.package-content input[type="checkbox"]:checked + label::after {
    bottom: 0;
    content: "\f046";
    font-family: FontAwesome;
    left: -24px;
    margin: auto;
    position: absolute;
    top: 3px;
}

.package-table-02.package-content input[type="checkbox"]:checked + label:before {
    border-color: #f68c26;
}

.package-table-02.package-content table a.doddle-btn {
    min-height: 50px;
    border-color: transparent;
    font-size: 14px;
    padding: 20px 40px;
    color: #ffffff;
}

.package-table-02.package-content table a.doddle-btn span {
    width: 15px;
    height: 15px;
    left: 10px;
    top: 8px;
}

.package-table-02.package-content table a.doddle-btn span:after {
    width: 30px;
    height: 30px;
}

.package-table-02.package-content table a.doddle-btn b::before {
    left: -15px;
}

.pagination-blog.account-order {
    padding-top: 0;
}

.pagination-blog.account-order a,
.pagination-blog.account-order span {
    margin-right: 0;
    width: 30px;
    height: 30px;
    padding: 2px;
    font-size: 12px;
}

.pagination-blog.account-order a.next img,
.pagination-blog.account-order a.prev img {
    width: 12px;
}

.guest-login-here {
    padding-top: 180px;
    text-align: center;
    padding-left: 80px;
}

.form-button.inline {
    display: inline-block;
    margin-bottom: 12px;
}

.or-separator {
    position: absolute;
    top: 67%;
    height: auto;
}

.or-separator::before {
    height: 278px;
    width: 1px;
    background: #d4d4d4;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.or-separator p {
    width: 50px;
    height: 50px;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 0 !important;
    background: #fff;
    position: relative;
    padding: 12px;
    color: #1d2d5d;
    font-style: italic;
}

.havent-account {
    padding-top: 50px;
}

.havent-account p {
    font-size: 16px;
    color: #302e2e;
    font-weight: 600;
}

.havent-account p a {
    color: #1d2d5d;
}

.havent-account p a:hover {
    color: #f68c26;
}

.error-notice {
    font-size: 13px;
    color: #ff0000;
    margin-top: 10px;
    display: block;
    font-style: italic;
    padding-left: 20px;
    line-height: 1.2;
}

.success-notice {
    font-size: 13px;
    color: #008000;
    margin-top: 10px;
    display: block;
    font-style: italic;
    padding-left: 20px;
    line-height: 1.2;
}

.payment-details-section {
    /*padding-top: 0;*/
}

.payment-details-wrap {
    margin-bottom: 50px;
}

.payment-details-section .payment-details-wrap {
    margin-bottom: 30px;
}

.payment-details-title {
    background: #1d2d5d;
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    padding: 10px 20px;
    position: relative;
    font-weight: 600;
    margin-bottom: 25px;
}

.payment-details-title::before {
    position: absolute;
    content: '';
    right: -20px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-left-style: solid;
    border-left-color: transparent;
    border-bottom-width: 20px;
    border-top-width: 0px;
    border-left: 20px solid #1d2d5d;
    top: 0;
}

.payment-details-title::after {
    position: absolute;
    content: '';
    right: -20px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 20px;
    border-left-width: 0px;
    border-bottom: 20px solid #1d2d5d;
    bottom: 0;
}


input[type="number"] {
    position: relative;
    -moz-appearance: textfield;
}

/* Spin Buttons modified */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
    width: 1em;
    opacity: 1; /* shows Spin Buttons per default (Chrome >= 39) */
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    font-size: 16px;
}


.payment-details-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.common-payment-box-padding .row.margin-top60 {
    margin-top: 40px;
}

.payment-details-wrap ul li {
    font-size: 16px;
    color: #1d2d5d;
    margin-bottom: 7px;
    font-weight: 600;
}

.payment-details-wrap ul li span {
    width: 200px;
    display: inline-block;
}

.common-payment-box {
    border: 1px solid #c1c1c1;
    margin-bottom: 30px;
    border-radius: 3px;
}

.aditional-message {
    margin-bottom: 50px;
}

.aditional-message textarea {
    width: 100%;
    height: 144px;
    resize: none;
    padding: 15px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 28px;
}

.common-payment-box h4 {
    font-size: 18px;
    color: #1d2d5d;
    font-weight: 700;
    margin-bottom: 12px;
}

.common-payment-box.provide-your-email p {
    margin-bottom: 20px;
}

.common-payment-box input {
    width: 100%;
    border: 1px solid #cecece;
    height: 45px;
    border-radius: 30px;
    padding: 10px 30px;
}

.single-payment {
    display: inline-block;
}

.single-payment input[type="radio"] {
    width: auto;
}

.inputfile {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 18px;
    font-weight: 600;
    color: white;
    background-color: #1d2d5d;
    display: inline-block;
    height: 50px;
    padding: 14px 35px;
    border-radius: 30px;
    cursor: pointer;
}

.inputfile + label i {
    margin-right: 10px;
}

.single-payment {
    position: relative;
    margin-right: 10px;
}

.single-payment label {
    cursor: pointer;
    margin-bottom: 0;
}

.single-payment input[type="radio"] {
    display: none;
}

.single-payment input[type="radio"] + label:before {
    background: transparent;
    content: "";
    height: 25px;
    position: absolute;
    top: 0px;
    width: 25px;
    right: 0;
    border: 4px solid #33a248;
    border-radius: 50%;
    display: inline-block;
    z-index: 2;
}

.single-payment input[type="radio"] + label:after {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    content: '';
    position: absolute;
    display: inline-block;
    right: -10px;
    top: -10px;
}

.single-payment input[type="radio"]:checked + label::before {
    font-family: FontAwesome;
    content: '\f00c';
    color: #33a248;
    font-size: 11px;
    line-height: 1;
    padding: 3px;
}

.payment-methord {
    margin-bottom: 10px;
}

.remember-pass {
    position: relative;
    padding-left: 30px;
}

.remember-pass label {
    font-size: 16px;
    color: #575757;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 500;
}

.remember-pass label a {
    color: #f68c26;
}

.remember-pass label a:hover {
    color: #f68c26;
}

.remember-pass input[type="checkbox"] {
    width: auto;
    display: none;

}

.remember-pass input[type="checkbox"] + label {
    cursor: pointer;
}

.remember-pass input[type="checkbox"] + label:before {
    width: 16px;
    height: 16px;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    position: absolute;
    content: '';
    left: 0;
    top: 4px;
    cursor: pointer;
}

.remember-pass input[type="checkbox"]:checked + label:before {
    content: '\f00c';
    font-family: 'FontAwesome';
}

.common-payment-box-padding {
    padding: 30px;
}

.total-price-payment {
    border-top: 1px solid #c1c1c1;
    text-align: center;
    padding: 25px;
}

.total-price-payment1 {
    border-top: 1px solid #c1c1c1;
    padding: 20px 25px 0 25px;
}

.total-price-payment1 ul {
    padding: 0;
}

.total-price-payment1 ul li {
    list-style: none;
    display: block;
    font-size: 20px;
    font-weight: 400;
    color: #1d2d5d;
    line-height: 25px;
    position: relative;
    padding: 11px 0;
    border-bottom: 1px solid #ddd;
    padding-right: 110px;
}

.total-price-payment1 ul li p {
    position: absolute;
    right: 0;
    top: 11px;
    font-family: 'Poppins', sans-serif;
}

.total-price-payment1 ul li:last-child {
    border-bottom: 0;
    font-weight: 700;
}

.total-price-payment p {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1d2d5d;
}

.doddle-btn.fill.applybtn {
    margin-top: 30px;
    height: 44px;
    padding: 15px 36px !important;
}

.order-complete-sms {
    position: relative;
    padding: 45px;
    background: #1d2d5d;
    margin: 40px 0;
}

.order-complete-sms span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #33a248;
    display: block;
    margin: auto;
    padding: 9px;
}

.order-complete-sms span i {
    font-size: 44px;
    color: #1d2d5d;
}

.order-complete-sms h2 {
    font-size: 30px;
    color: #fff;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 8px;
}

.order-complete-sms input[type="text"] {
    border: 1px solid #798197;
    font-size: 12px;
    color: #8b8b8b;
    padding: 0 0;
    background: transparent;
    height: 25px;
    text-align: center;
    margin-bottom: 22px;
}

.order-complete-sms p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

.main-invoice {
    padding: 30px;
    background: #f9f9f9;
    margin-bottom: 30px;
}

.invoice-to {
    margin-bottom: 33px;
}

.invoice-to p {
    margin-bottom: 0;
    font-size: 16px;
    color: #605f5f;
}

.invoice-to p.to {
    font-size: 18px;
    color: #1d2d5d;
    font-weight: 400;
    margin-bottom: 10px;
}

.invoice-to h4 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #1d2d5d;
}

.invoice-date {
}

.invoice-date h2 {
    font-size: 48px;
    font-weight: 600;
    color: #1d2d5d;
    margin-bottom: 8px;
}

.invoice-date p {
    font-size: 16px;
    color: #605f5f;
    line-height: 18px;
}

.div-table-row {
    display: table;
    width: 100%;
}

.div-table-row > div {
    display: table-cell;
    padding: 10px;
    width: 200px;
}

.div-table-row > div.div-table-head {
    background: #1d2d5d;
}

/*------- 404-----*/
.error-search-form select {
    position: absolute;
    right: 140px;
    top: 0;
    width: 109px;
    height: 100%;
    padding: 0 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    border: none;
    border-right: 1px solid #ddd;
    background: #FFFFFF;
}

.error-search-form select option {
    border: none;

}

.error-select-opt::before {
    position: absolute;
    right: 152px;
    top: 23px;
    font-size: 15px;
    font-family: "FontAwesome";
    content: '\f107';
    z-index: 1;
}

.ab-search-result-title {
    font-weight: 700;
    color: #1d2d5d;
    margin-top: 17px;
}

.ab-page-breadcrumb-section,
.ab-banner-sec {
    padding-bottom: 0;
}

/*--------- login socail ------*/
.login-socail-form {
    margin: 42px 0 0px;
}

.login-socail-form .or {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    background: #5165a3;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    padding: 14px 0;
    margin-bottom: 30px;
}

.login-socail-form ul {
    padding: 0;
    text-align: center;
}

.login-socail-form ul li {
    display: inline-block;
    list-style: none;
    border-radius: 50%;
    text-align: left;
    background: #000;
    padding: 10px 17px;
    margin: 0 6px;
    transition: all ease 500ms;
    position: relative;
}

.login-socail-form ul li a {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    transition: all ease 500ms;
    display: block;
}

.login-socail-form ul li span {
    transform: scale(0);
    opacity: 0;
    transition: all ease 500ms;
    position: absolute;
    font-size: 17px;
    font-weight: 600;
    z-index: 1;
    right: 12px;
    top: 11px;
}

.login-socail-form ul li:hover span {
    transform: scale(1);
    color: #FFFFFF;
    opacity: 1;
}

.login-socail-form ul li.face {
    background: #3b5998;
    padding: 10px 16px;
}

.login-socail-form ul li.face:hover {
    padding: 10px 200px 10px 15px;
    border-radius: 56px;
}

.login-socail-form ul li.goo {
    background: #DD5044;
    padding: 10px 7px;
}

.login-socail-form ul li.goo:hover {
    padding: 10px 217px 10px 15px;
    border-radius: 56px;
}

.login-socail-form ul li.twi {
    background: #1DA1F2;
    padding: 10px 12px;
}

.login-socail-form ul li.twi:hover {
    padding: 10px 174px 10px 15px;
    border-radius: 56px;
}

.login-socail-form ul li.lin {
    background: #0077b5;
    padding: 10px 12px;
}

.login-socail-form ul li.lin:hover {
    padding: 10px 188px 10px 15px;
    border-radius: 56px;
}

.account-profile-img {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    border: 5px solid #FFFFFF;
    margin: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 17px;
    margin-top: 30px;
}

.account-profile-img img {
    width: 100%;
    height: auto;
}

.account-profile-img:hover .change-profile-pic {
    opacity: 1;
}

.change-profile-pic {
    position: absolute;
    left: 0;
    bottom: -1px;
    background: rgba(19, 29, 41, .5);
    z-index: 2;
    color: #fff;
    display: block;
    text-align: center;
    margin: auto;
    right: 0;
    padding: 5px;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.change-profile-pic i {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
    cursor: pointer;
}

.change-profile-pic input[type="file"] {
    opacity: 0;
    cursor: pointer;
}

.change-account-name-opt {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #1e212a;
    text-align: center;
}

.change-account-name-opt a {
    margin-left: 15px;
    color: #1D2D5D;
}

.devider {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

/*------------------------------------------------
client-review-sec
 --------------------------------------*/
.client-review-sec {
    position: relative;
    background: #fafafa;
}

.ab-single-service-review-rating {
    float: left;
    width: 33.3%;
    padding-left: 75px;
    position: relative;
}

.ab-service-review-rating {
    position: relative;
    border-top: 1px dotted #ddd;
    padding: 15px 0;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 30px;
}

.margin-bottom30 {
    margin-bottom: 30px;
}

.margin-bottom40 {
    margin-bottom: 40px;
}

.single-service-desc-title {
    font-size: 30px;
    font-weight: 700;
    color: #1d2d5d;
}

.ab-single-service-review-rating img {
    position: absolute;
    left: 0;
    top: 0;
}

.rating-star i {
    color: #f18b08;
    font-size: 20px;
    line-height: 24px;
}

.ab-service-review-rating p {
    font-size: 16px;
    font-weight: 500;
    color: #838383;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 0;
}

.single-service-review-item h3 {
    margin-bottom: 5px;
    font-weight: 600;
    color: #646464;
    font-size: 18px;
}

.single-service-review-item p {
    font-style: italic;
    color: #adadad;
    margin-bottom: 15px;
}

.single-service-review-item label {
    display: block;
    color: #1d2d5d;
}

.single-review-communication-rating {
    float: left;
    width: 25%;
}

.single-review-communication-rating h4 {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 700;
    color: #646464;
}

.start-color {
    color: #bdbdbd;
}

.get-review-comment-box {
    width: 100%;
    height: 168px;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #dddddd;
    resize: none;
    margin-bottom: 20px;
    padding: 15px;
    background: transparent;
}

.review-post-button {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: #fafafa;
    background: #1d2d5d;
    padding: 12px 38px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: none;
}

.single-service-review-item {
    padding-bottom: 30px;
    border-bottom: 1px dashed #dddddd;
}

.review-list-menu li {
    display: inline-block;
    list-style: none;
    border: 1px solid #1d2d5d;
    margin-left: -4px;
    transform: skewX(-12deg);
}

.review-list-menu li a {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    transform: skewX(12deg);
    display: block;
}

.review-list-menu li.active {
    background: #1d2d5d;
}

.review-list-menu li.active a {
    color: #FFFFFF;
}

.get-left-review-list a {
    color: #1d2d5d;
    font-weight: 500;
}

.ab-get-review-list {
    padding-left: 0;
}

.ab-get-review-list li {
    list-style: none;
}

.ab-get-review-list li.sub-comment-list {
    padding-left: 100px;
}

.get-left-review-list {
    width: 85%;
}

.ab-get-review-list li .get-left-review-list {
    padding-left: 105px;
    position: relative;
}

.ab-get-review-list li .get-left-review-list h5 {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 2px;
}

.ab-get-review-list li .get-left-review-list h5 a {
    color: #646464;
    font-weight: 700;
}

.ab-get-review-list li .get-left-review-list img {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.ab-get-review-list li .get-left-review-list h5 span {
    font-weight: 400;
    color: #bcbcbc;
    margin-left: 10px;
}

.ab-get-review-list li .get-left-review-list p {
    font-size: 14px;
    color: #777777;
    margin-bottom: 5px;
}

.get-right-review-rating span {
    font-size: 14px;
    color: #bcbcbc;
    line-height: 26px;
}

.get-right-review-rating .rating-star i {
    font-size: 15px;
}

.rev-load-more-btn a {
    font-size: 14px;
    font-weight: 600;
    color: #646464;
    border: 1px solid #dddddd;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 4px;
}

.rev-load-more-btn a:hover {
    background: #1d2d5d;
    color: #FFFFFF;
}

/*--------- star rating ---*/
.get-rating-start {
    display: inline-block;
    direction: rtl;
}

.get-rating-start input[type='radio'] {
    display: none;
}

.get-rating-start input[type='radio'] ~ label {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    cursor: pointer;
    color: #bdbdbd;
}

.get-rating-start input[type='radio']:checked ~ label {
    color: #f18b08;
}

/*======================= category page =======================*/
.category-post-item {
    margin-bottom: 70px;
}

.single-category-post-item img {
    width: 100%;
    height: auto;
}

.single-category-post-item .blog-dec2 .readMore_btn {
    font-size: 17px;
    font-weight: 400;
    color: #5165a3;
}

.single-category-post-item .blog-dec2 .readMore_btn:hover {
    color: #f18b08;
}

.category-post-item .blog-dec2 p,
.single-category-post-item .blog-dec2 p {
    text-align: justify;
}

/*---------------------------- invice section ---------------*/
.order-done-content {
    padding: 50px 0;
    background: #1d2d5d;
}

.order-done-content i {
    width: 60px;
    height: 60px;
    background: #3ecb18;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 52px;
    color: #1d2d5d;
    padding: 4px;
    margin-bottom: 15px;
}

.order-done-content h3 {
    font-size: 30px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 23px;
}

.doodle-order-input {
    text-align: center;
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 4px 8px;
    margin-bottom: 22px;
    display: inline-block;
}

.basic-package-table {
    margin-top: 30px;
}

.order-done-content p {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 26px;
}

.order-done-sec {
    margin-bottom: 80px;
    padding-top: 80px;
}

.order-done-sec .single-table-pert-info ul li {
    position: relative;
}

.order-done-sec .single-table-pert-info ul li i {
    font-size: 18px;
    color: #f68c26;
    position: relative;
    left: -4px;
    top: 2px;
}

.order-done-sec .single-table-pert-info ul li:first-child i {
    font-size: 20px;
}

.order-done-sec .single-table-pert-info ul li:first-child {
    font-family: 'Poppins';
}

/*---------------- maintaince sec --------*/

.maintance-sec {
    padding: 267px 0;
}

.maintance-img img {
    position: relative;
    left: -70px;
}

.maintaince-content h1 {
    font-size: 60px;
    font-weight: 500;
    color: #1c2d5d;
    line-height: 42px;
}

.maintaince-content h2 {
    font-size: 47px;
    font-weight: 500;
    color: #1c2d5d;
    line-height: 60px;
    margin-bottom: 5px;
}

.maintaince-content p {
    font-size: 18px;
    line-height: 30px;
    color: #1c2d5d;
    margin-bottom: 16px;
}

.maintaince-content h4 {
    font-size: 22px;
    line-height: 30px;
    color: #1c2d5d;
    font-weight: 500;
    margin-bottom: 19px;
}

.maintaince-content p a,
.maintaince-content h4 a {
    color: #f68c26;
    font-weight: 500;
}

.time-count {
    padding: 0;
}

.time-count li {
    display: inline-block;
    list-style: none;
    margin-right: 60px;
}

.time-count li span:first-child {
    display: block;
    font-size: 36px;
    line-height: 30px;
    color: #f68c26;
    font-family: 'Poppins', sans-serif;
}

.time-count li span:last-child {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #1c2d5d;
    font-weight: 500;
}

.maintance-bar {
    display: block;
    width: 100%;
    height: 2px;
    background: #f0741a;
}

.maintance-socail ul {
    padding: 0;
    margin-top: 15px;
}

.maintance-socail ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

.maintance-socail ul li:last-child {
    margin-right: 0;
}

.maintance-socail ul li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #1c2d5d;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 20px;
    padding: 3px 0;
}

.maintance-logo {
    margin-top: 10px;
}

/*-------------- newslatter popup -------------------*/
.newslatter-popup-item {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
}

.newslatter-content {
    max-width: 940px;
    width: 100%;
    position: fixed;
    background: #fff;
    top: 50%;
    transform: scale(0) translateY(-50%);
    -webkit-transform: scale(0) translateY(-50%);
    -moz-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    -o-transform: scale(0) translateY(-50%);
    -webkit-transition: all ease 1000ms;
    -moz-transition: all ease 1000ms;
    -ms-transition: all ease 1000ms;
    -o-transition: all ease 1000ms;
    transition: all ease 1000ms;
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
    padding: 40px 40px 0;
    border-radius: 20px;
}

.newslatter-popup-header {
    position: relative;
    margin-bottom: 70px;
}

.closeBar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #f79d45;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
    padding: 23px 0;
    list-style: none;
    display: list-item;
}

.closeBar span:first-child {
    width: 20px;
    height: 1px;
    background: #f79d45;
    transform: rotate(45deg);
    display: block;
    margin: 0 auto;
    text-align: center;
}

.closeBar span:last-child {
    width: 20px;
    height: 1px;
    background: #f79d45;
    transform: rotate(-45deg);
    display: block;
    margin: 0 auto;
    text-align: center;
}

.newslatter-popup-content {
    width: 46%;
}

.newslatter-popup-content h2 {
    font-size: 28px;
    font-weight: 600;
    color: #f79d45;
    font-style: italic;
    margin-bottom: 8px;
    text-align: center;
}

.newslatter-popup-content p {
    margin-bottom: 36px;
    text-align: center;
    font-size: 16px;
}

.newslatter-popup-form {
    position: relative;
    margin-bottom: 30px;
}

.popup-email-type {
    width: 100%;
    height: 50px;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    border: 1px solid #f79d45;
    padding: 0 20px;
    font-style: italic;
    font-size: 14px;
}

.service-details-sec {
    padding-top: 60px;
}

.newslatter-popup-form button[type="submit"],
.newslatter-popup-form input[type="submit"] {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background: #f79d45;
    max-height: 50px;
    border: none;
    position: absolute;
    right: 0;
    padding: 10px 29px;
    top: 0;
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    height: 100%;
}

.newslatter-popup-socail {
    padding: 0;
    text-align: center;
}

.newslatter-popup-socail li {
    display: inline-block;
}

.newslatter-popup-socail li a {
    display: block;
    width: 40px;
    padding: 7px 0;
    height: 40px;
    border: 1px solid #1c2d5d;
    font-size: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #1c2d5d;
    margin: 0 9px;
}

.newslatter-popup-socail li a:hover {
    background: #f79d45;
    color: #ffffff;
    border-color: #f79d45;
}

.newslatter-popup-img {
    width: 49%;
}

.newslatter-popup-img img {
    width: 100%;
    position: relative;
    top: 0px;
    right: -40px;
}

/*-------------- offer popup -------------------*/
.offer-popup-item {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
}

.offer-popup-content {
    max-width: 940px;
    width: 100%;
    position: fixed;
    background: url(../images/offer-bg.png) no-repeat center center /cover;
    top: 50%;
    transform: scale(0) translateY(-50%);
    -webkit-transform: scale(0) translateY(-50%);
    -moz-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    -o-transform: scale(0) translateY(-50%);
    -webkit-transition: all ease 1000ms;
    -moz-transition: all ease 1000ms;
    -ms-transition: all ease 1000ms;
    -o-transition: all ease 1000ms;
    transition: all ease 1000ms;
    z-index: 99;
    left: 0;
    right: 0;
    margin: auto;
    padding: 40px 40px 0;
    border-radius: 20px;
}

.offer-popup-header {
    position: relative;
    margin-bottom: 50px;
}

.offer-closeBar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #f79d45;

    cursor: pointer;
    padding: 23px 0;
    list-style: none;
    display: list-item;
}

.offer-closeBar span:first-child {
    width: 20px;
    height: 1px;
    background: #f79d45;
    transform: rotate(45deg);
    display: block;
    margin: 0 auto;
    text-align: center;
}

.offer-closeBar span:last-child {
    width: 20px;
    height: 1px;
    background: #f79d45;
    transform: rotate(-45deg);
    display: block;
    margin: 0 auto;
    text-align: center;
}

.offer-popup-img {
    width: 46%;
}

.offer-popup-cont {
    width: 43%;
    padding-bottom: 154px;
    margin-bottom: 100px;
}

.offer-popup-cont p {
    margin-bottom: 15px;
    font-style: italic;
}

.offer-popup-img img {
    width: 100%;
    height: auto;
    position: relative;
    top: -15px;
    right: 20px;
}

.offer-popup-cont a {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    padding: 4px 18px;
    background: #f68c26;
    margin-bottom: 31px;
    border-radius: 38px;
    display: inline-block;
}

/*------- new code---*/
.report-table tr td:first-child {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: left;
}

.report-table tr th:first-child {
    text-align: left;
}

.full-report-seo-test {
    max-width: 499px;
    width: 100%;
    margin: 0 auto 45px;
}

.full-report-seo-test li {
    width: 50%;
}

.backlink-img {
    background: url(../images/tablet_view.png) no-repeat 100% 0 /cover;
    overflow: hidden;
    padding: 25px 25px 46px 25px;
    /* min-height: 555px; */
    max-width: 434px;
    margin: auto;
    border-radius: 14px;
    height: 304px;
}

.seo-score-input .alert-danger li {
    display: block;
    list-style: none;
}

.seo-score-input .alert-danger li:first-child {
    margin-top: 11px !important;
    display: inline-block;
}

.seo-score-input .alert-danger {
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
}

.tab-pane.table-responsive p {
    text-align: center;
    margin-bottom: 20px;
}

.report-scores.text-center.margin-bottom45 {
    margin-bottom: 25px;
}

.form-button .guestSignUp {
    border-radius: 30px;
    height: 50px;
    background: #5165a3;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 18px 84px;
    display: inline-block;
    line-height: 1;
}

.gestSignUpBtn {
    margin-top: 10px;
}

.form-control.package_qty {
    position: relative !important;
    margin: 0 auto;
}

.package-table-02 table tr td {
    width: 28.3333%;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

/*----------invoice table ---------*/
.total-amount:before {
    position: absolute;
    right: -29px;
    top: 0px;
    width: 48px;
    height: 100%;
    content: '';
    background: url(../images/tot.png) no-repeat center center/cover;
}

.left-amount-process {
    padding-left: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 70%;
}

.left-amount-process p {
    font-size: 16px;
    color: #605f5f;
    line-height: 26px;
    margin-bottom: 0;

}

.left-amount-process p span {
    color: #f68c26;
    font-weight: 600;
}

.left-amount-process a {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background: #f68c26;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 9px 22px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 20px;
}

.right-total-amount-process {
    background: #f5fbfd;
}

.right-total-amount-process p {
    font-size: 18px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 28px;
}

.inv-total {
    width: 23%;
    padding-left: 8px;
}

.right-total-amount-process p {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0;
    padding: 5px;
}

.right-total-amount-process p:last-of-type {
    border-bottom: none;
}

.ab-total-amount {
    font-size: 18px;
    font-weight: 600;
    color: #f9f9f9;
    line-height: 28px;
    height: 50px;
}

.ab-total-amount span:first-child {
    background: #1d2d5d;
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
    padding: 12px;
}

.ab-total-amount span:first-child:before {
    position: absolute;
    right: 0px;
    top: 0;
    width: 58px;
    height: 100%;
    content: '';
    background: url(../images/tot.png) no-repeat center center /cover;
}

.ab-total-amount span:last-child {
    background: #f68c26;
    position: relative;
    display: block;
    width: 50%;
    padding: 9px 34px;
    text-align: right;
    height: 100%;
}

.ab-inv-total-price {
    padding-right: 30px;
}

.total-amount-item {
    margin-bottom: 40px;
}

.author-signature-content img {
    margin-bottom: 15px;
}

.author-signature-content h2 {
    font-size: 20px;
    font-weight: 700;
    color: #4d4d4f;
    margin-bottom: 5px;
}

.author-signature-content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1d2d5d;
}

.author-signature-content {
    margin: 50px 50px 0 0;
}

.single-table-pert-info ul {
    padding: 0;
    background: #1d2d5d;
}

.single-table-pert-info ul li {
    display: inline-block;
    list-style: none;
    font-size: 15px;
    font-weight: 600;
    color: #fefefe;
    padding: 19px 37px;
}

.invoice-author-information img {
    margin-bottom: 30px;
}

.invoice-author-information .inv_to {
    font-size: 18px;
    font-weight: 500;
    color: #1d2d5d;
}

.invoice-author-information h3 {
    font-size: 24px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 36px;
    margin-bottom: 0;
}

.invoice-author-information p {
    font-size: 16px;
    color: #605f5f;
    line-height: 26px;
    margin-bottom: 0;
}

.invoice-author-information p span {
    width: 70px;
    display: inline-block;
}

.progress-bar {
    background-color: #1d2d5d;
}

.ab-inv-title {
    font-size: 30px;
    font-weight: 600;
    padding: 14px 52px 14px 0;
    margin-bottom: 39px;
    text-align: center;
    color: #FFFFFF;
    background-repeat: no-repeat;
    position: relative;
    background: #1d2d5d;
}

.ab-inv-title:before {
    border-style: solid;
    border-width: 0px 0 61px 53px;
    border-color: transparent transparent #1e2e5c transparent;
    position: absolute;
    left: -53px;
    top: 0;
    content: '';
    height: 100%;
}

.invoice-author-information1 p {
    font-size: 16px;
    color: #605f5f;
    line-height: 26px;
    margin-bottom: 0;
    text-align: left;
    padding-left: 50px;
}

.invoice-author-information1 .date {
    margin-right: 37px;
}

.total-amount-item {
    background: #f9fdff;
}

.mo-product-item ul {
    background: #f9fdff;
}

.mo-product-item ul li {
    display: block;
    list-style: none;
    padding: 15px 0;
    border-bottom: 1px solid #dddddd;
    background: #f9fdff;
}

.mo-product-item ul li .item-desc {
    font-size: 16px;
    font-weight: 600;
    color: #1d2d5d;
    display: block;
    margin-bottom: 13px;
}

.mo-product-item ul li b {
    font-size: 14px;
    font-weight: 600;
    color: #1d2d5d;
}

.mo-product-item ul li p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #575757;
}

.mo-product-item ul li strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #f68c27;
}

.mo-product-item ul li strong span {
    color: #1d2d5d;
    width: 26%;
    display: inline-block;
}

.invoice-author-information1 p span {
    color: #f68c27;
}

.download-item-list a {
    font-size: 16px;
    font-weight: 600;
    color: #777777;
    line-height: 24px;
    position: relative;
    margin-left: 20px;
    display: inline-block;
}

.download-item-list a.download {
    margin-left: 0;
    border: 1px solid #dddddd;
    padding: 7px 19px;
}

.download-item-list a.download:hover {
    background: #1d2d5d;
    color: #FFFFFF;
}

.download-item-list a.download:hover i {
    color: #FFFFFF;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;

}

.download-item-list a.download i {
    color: #1d2d5d;
    font-size: 20px;
    position: relative;
    top: 2px;
    left: -6px;
}

.download-item-list {
    margin-bottom: 45px;
}

.ab-pagination-list {
    margin-bottom: 60px;
}

.ab-pagination-list a {
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #1d2d5d;
    padding: 3px 20px;
    display: inline-block;
    color: #1d2d5d;
}

.ab-pagination-list a:hover {
    background: #1d2d5d;
    color: #FFFFFF;
}

/*-----------------------------content writing page --------------*/
.ab-section-title h1 {
    font-size: 36px;
    line-height: 27px;
    color: #1d2d5d;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}

.ab-section-title {
    color: #1d2d5d;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.margin-bottom60 {
    margin-bottom: 60px;
}

.ab-single-packge-table {
    width: 70%;
    text-align: left;
}

.ab-single-packge-table div.ab-table-td:nth-child(odd),
.ab-single-packge-table-price div.ab-table-td:nth-child(odd) {
    background: #e0e8ff;
}

.ab-single-packge-table div.ab-table-td:nth-child(even),
.ab-single-packge-table-price div.ab-table-td:nth-child(even) {
    background: #e9efff;
}

.ab-table-td {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    min-height: 50px;
    /*padding-left:28px;*/
    border: 1px solid #FFFFFF;
}

.ab-table-th {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    min-height: 65px;
    background: #1d2d5d;
    padding-left: 28px;
    border: 1px solid #FFFFFF;
}

.ab-th-data {
    font-size: 18px;
    font-weight: 500;
    color: #eff2f7;
    line-height: 20px;
    align-self: center;

}

.ab-t-data {
    font-size: 15px;
    font-weight: 500;
    color: #1d2d5d;
    align-self: center;
    margin: auto;
    font-family: 'Poppins', sans-serif;
}

.ab-single-packge-table-price {
    width: 30%;
}

.width30 {
    width: 30%;
}

.width18 {
    width: 18%;
}

.width13 {
    width: 13%;
}

.margin-bottom80 {
    margin-bottom: 80px;
}

.ab-single-packge-curcular .ab-table-td:nth-child(odd) {
    background: #e0e8ff;
}

.ab-single-packge-curcular .ab-table-td:nth-child(even) {
    background: #e9efff;
}

.ab-t-input {
    max-width: 78%;
    height: 33px;
    border: 1px solid #1d2d5d;
    background: transparent;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 500;
    margin: auto;
    align-self: center;
    color: #1d2d5d;
    -webkit-appearance: textfield;
    -webkit-writing-mode: horizontal-tb;
}

.ab-content-pckg-left .ab-table-td .ab-t-data {
    margin: inherit;
    padding-left: 28px;
    font-family: 'Raleway', sans-serif;
}

.ab-content-parti-pckg-left .ab-table-td .ab-t-data {
    margin: inherit;
    padding-left: 44px;
    font-family: 'Raleway', sans-serif;
}

.ab-single-packge-curcular .ab-table-td {
    /*padding-left:42px;*/
}

.ab-t-data input[type="checkbox"] {
    display: none;
}

.ab-t-data input[type="checkbox"] + label {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    color: #1d2d5d;
    display: inline-block;
    cursor: pointer;
}

.ab-t-data input[type="checkbox"] + label:before {
    position: absolute;
    left: -18px;
    width: 12px;
    height: 12px;
    border: 1px solid #1d2d5d;
    content: '';
    top: 7px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.ab-t-data input[type="checkbox"]:checked + label::after {
    bottom: 0;
    content: "\f046";
    font-family: FontAwesome;
    left: -18px;
    margin: auto;
    position: absolute;
    top: 2px;
    color: #f68c26;
}

.ab-t-data input[type="checkbox"]:checked + label:before {
    display: none;
}

.ab-t-data input[type="checkbox"]:checked + label {
    color: #f68c26;
}


.ab-single-packge-curcular .ab-table-td.ab-table-td-number {
    /*padding-left:20px;*/
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}


.ab-footer-packge-curcular {
    background: #e9efff;
}

.ab-footer-packge-curcular .pkg-button {
    padding: 12px 0 12px 28px;
    width: 70%;
}

.ab-pkg-total-value {
    background: #f68c26;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    width: 26%;
    text-align: center;
    padding: 25px 0;
    font-family: 'Poppins', sans-serif;
}

.ab-pkg-total-value span {
    font-size: 19px;
}

.basic-package-table.ab-particular-package .single-pkg-table {
    width: 33.3%;
}

.single-pkg-table.ab-first-table {
    text-align: left;
}

.single-pkg-table.ab-first-table .pkg-head h3 {
    padding-left: 24px;
    margin-top: 15px;
}

.single-pkg-table.ab-first-table .sub-kw div.t-data {
    font-size: 14px;
    padding-left: 41px;
}


img.orderFile {
    width: 50px;
    height: auto;
    padding-right: 10px;
    padding-top: 10px;
}


/*------------- download page ------------*/
.download-content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #1d2d5d;
}

.download-content p {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    line-height: 24px;
}

.acc-download-img {
    position: relative;
    float: left;
    width: 23%;
    margin-right: 17px;
    margin-bottom: 17px;
}

.acc-download-img img {
    width: 100%;
    height: auto;
}

.d-hover-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
}

.hovercontent-item span {
    color: #FFFFFF;
    font-size: 24px;
    top: -20px;
    position: relative;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
    display: block;
    margin-bottom: 10px;
}

.hovercontent-item p {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 22px;
    position: relative;
    bottom: -20px;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
    word-break: break-word;
}

.hovercontent-item a:hover {
    color: #f68c26;
}

.acc-download-img:hover .d-hover-content {
    opacity: 1;
    visibility: visible;
}

.acc-download-img:hover .hovercontent-item span {
    top: 0;
}

.acc-download-img:hover .hovercontent-item p {
    bottom: 0;
}

.main-acc-download-img {
    position: relative;
    width: 100%;
}

.main-acc-download-img .acc-download-img:nth-of-type(4),
.main-acc-download-img .acc-download-img:nth-of-type(8),
.main-acc-download-img .acc-download-img:nth-of-type(12),
.main-acc-download-img .acc-download-img:nth-of-type(16) {
    margin-right: 0;
}

.ab-download-innner {
    padding-right: 0;
}

.hovercontent-item {
    position: absolute;
    left: 0;
    top: 45%;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.acc-download-img:hover .hovercontent-item {
    opacity: 1;
    visibility: visible;
}


/*-------------- organic package ----------------*/
.ab-single-organic-package {
    position: relative;
    border: 1px solid #e6e6e6;


}

.ab-single-organic-package:hover {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    box-shadow: 0 6px 26px #d2cfcf;
}

.ab-single-organic-package:hover .doddle-btn.fill {
    background: #f68c26;
    border-color: #f68c26;
}
.ab-single-organic-package .pkg-button {
    min-height : 70px;
    display : flex;
    align-items : center;
    justify-content : center;
}

.ab-single-organic-head {
    padding: 30px;
    background: #6739b6;
    position: relative;
    min-height : 180px;
}

.ab-single-organic-head h3 {
    font-size: 28px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 26px;
    position: relative;
    margin-bottom: 22px;
}

.ab-single-organic-head h3:before {
    position: absolute;
    left: 0;
    top: 35px;
    width: 90px;
    height: 1px;
    background: #FFFFFF;
    content: '';
    margin: auto;
    right: 0;
}

.ab-single-organic-head h1 {
    font-size: 36px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 42px;
    display:none;
}

.ab-single-organic-head p {
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    /*padding: 0 41px;*/
    margin-bottom: 0;
    display:none;
}

.p-padding0 p {
    padding: 0 41px;
}

.phage-title {
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 26px;
    background: #9474cc;
    padding: 17px 0;
    margin-bottom: 0;
}

.organic-phage-content p {
    font-size: 14px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 26px;
    margin-bottom: 0;
    padding: 11px 5px;
    border-bottom: 1px solid #e6e6e6;
}

.ab-organic-btn {
    padding: 12px 0;
}

.ab-single-organic-package-second .ab-single-organic-head {
    background: #05a8d0;
}

.ab-single-organic-package-second .phage-title {
    background: #50c2de;
}

.ab-single-organic-package-third .ab-single-organic-head {
    background: #f15b26;
}

.ab-single-organic-package-third .phage-title {
    background: #f58c67;
}

.ab-single-organic-package-fourth .ab-single-organic-head {
    background: #1d2d5d;
}

.ab-single-organic-package-fourth .phage-title {
    background: #606c8d;
}

/*--------------- date picker ------*/
.form-group .p_complete {
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    height: 42px;
}


.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #1d2d5d;
    background: #1d2d5d;
    font-weight: normal;
    color: #fff;
}

.ab-first-table .pkg-head {
    background: #6739b6;
    text-align: center;
    color: #FFFFFF;
}

.single-pkg-table.ab-first-table .pkg-head h3 {
    padding-left: 0px;
    margin-top: 15px;
    color: #FFFFFF;
}

.color_f15b26 {
    background: #f15b26;
}

.ab-pkg-item .item:nth-child(odd) {
    background: #000;
}

.common-section.bg-gray2.package-section {
    padding-top: 70px;
}

.common-section.package-section.section-1,
.common-section.package-section.section-3,
.common-section.package-section.section-5,
.common-section.package-section.section-7,
.common-section.package-section.section-9,
.common-section.package-section.section-11,
.common-section.package-section.section-13 {
    padding-top: 70px;
}

.form-group .p_complete {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.ab_from_group {
    position: relative;
}

.ab_from_group::before {
    position: absolute;
    right: 16px;
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: 16px;
    top: 38px;
}

.ab_team_page_banner {
    padding-bottom: 0;
}

.doodle_footer-socail a {
    display: inline-block;
    font-size: 24px !important;
    width: 42px;
    height: 42px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #FFFFFF;
    text-align: center;
    /* padding: 7px; */
    /* vertical-align: inherit; */
    padding: 9px 5px;
    margin-right: 4px;
    position: relative;
    overflow: hidden;
}

.doodle_footer-socail a i {
    -webkit-transition: all ease 3000ms;
    -moz-transition: all ease 3000ms;
    -ms-transition: all ease 3000ms;
    -o-transition: all ease 3000ms;
    transition: all ease 3000ms;
}

.doodle_footer-socail a:last-of-type {
    margin-right: 0;
}

.doodle_footer-socail a.face {
    background: #5165a3;
}

.doodle_footer-socail a.twi {
    background: #1dcaff;
}

.doodle_footer-socail a.goo {
    background: #d34836;
}

.doodle_footer-socail a.link {
    background: #0e76a8;
}

.doodle_footer-socail a.pin {
    background: #c92228;
}

.doodle_footer-socail a.you {
    background: #d34836;
}

.doodle_footer-socail a.dri {
    background: #dd3e7b;
}

.doodle_footer-socail a.ins {
    background: #e94452;
}

.doodle_footer-socail a.git {
    background: #0d2636;
}

.doodle_footer-socail a span {
    position: absolute;
    top: 46px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
}

.doodle_footer-socail a i {
    -webkit-transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
    transition: all ease 200ms;
    position: relative;
    top: 0;
}

.doodle_footer-socail a:hover i {
    position: relative;
    top: -35px;
    display: block;
}

.doodle_footer-socail a:hover span {
    top: 10px;
}

.package-pagination {
    padding-top: 0;
}

#contactMail .col-lg-6.has-error {
    position: relative;
}

#contactMail .help-block {
    position: relative;
    left: 0;
    bottom: 0;
    line-height: 16px;
    margin-top: -9px;
    color: #f00;
}

.col-lg-6.has-error {
    position: relative;
    margin-bottom: 12px;
}

#contactMail .contact-submit-btn b::before {
    top: -10px;
}

.abzk-inp-name {
    width: 100%;
    height: 50px;
    background: #2a3a6a;
    border-radius: 35px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    padding-left: 45px;
    padding-right: 30px;
    margin-bottom: 16px;
}

.abzk-inp-name::placeholder {
    color: #ddd;
    opacity: 1;
}

/*------------  admin bar-------*/
.admin-top-bar {
    position: relative;
}

.admin-top-bar:after {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 1px;
    content: '';
    background: #556698;
    margin: auto;
}

.footer-info-area .single-info h3 {
    font-size: 20px;
    font-weight: 500;
}

.seo-form-img1 {
    left: auto;
    position: absolute;
}

.seo-form-img2 {
    bottom: 120px;
    left: 270px;
}

.seo-form-img3 {
    bottom: 0;
    right: 708px;
}

.seo-form-img4 {
    top: 160px;
    right: 150px;
}

.seo-score-img1 {
    bottom: -45px;
    left: 130px;
}

.seo-score-img2 {
    top: 44px;
    right: 487px;
}

.newslatter-img1 {
    left: 270px;
    bottom: -50px;
}

.newslatter-img2 {
    right: 365px;
    bottom: 68px;
}

.newslatter-img3 {
    top: 56px;
    left: 515px;
}

.newslatter-img4 {
    left: 120px;
    top: 70px;
}

.g-recaptcha.contact-recaptcha {
    margin-bottom: 30px;
    overflow: hidden;
}

.contact-us-section .contact-submit-btn b::before {
    top: -12px;
}

#serviceMail .col-lg-12.has-error .help-block {
    margin-top: -10px;
    margin-bottom: 13px;
}

.col-lg-12 .single-blog-post-big .blog-dec2 .blog-title2 {
    min-height: auto;
}


#guestForm .login-form-new-inner {
    top: 50px;
    transform: translate(0);
}

.single-blog-post-big .home-blog-meta a {
    color: #1d2d5d;
    font-weight: 600;
}

/*----------------- videos popup-----------*/
.video-popup {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .50);
    z-index: 99;
    overflow-y: scroll;
}

.videos-item {
    position: absolute;
    left: 0;
    top: 100px;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 983px;
    width: 95%;
    height: 572px;
    background-color: #FFFFFF;
    padding: 20px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;

}


.youtube-video {
    overflow: hidden;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    width: 100%;
    height: 100%;
}

.youtube-video iframe {
    width: 100%;
    height: 100%;
}

.youtube-video video {
    width: 100%;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.video-close-icon button {
    position: absolute;
    right: -24px;
    top: -20px;
    background: transparent;
    border: none;
}

.video-popup-footer {
    background: rgba(0, 0, 0, .45);
    padding: 14px 26px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.video-popup-footer h3 {
    color: #FFFFFF;
    font-size: 26px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 10px;
}

.video-popup-socail a {
    display: inline-block;
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 9px 0;
    margin-left: 5px;
}

.video-popup-socail a.facebook-pop {
    background: #3b5998;
}

.video-popup-socail a.twitter-pop {
    background: #0084b4;
}

.video-popup-socail a.google-pop {
    background: #d34836;
}

.video-popup-socail a:before {
    position: absolute;
    left: 3px;
    bottom: 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3.5px 0 3.5px;
    transform: rotate(42deg);
    border-color: #3b5998 transparent transparent transparent;
}

.video-popup-socail a.google-pop:before {
    border-color: #d34836 transparent transparent transparent;
}

.video-popup-socail a.twitter-pop:before {
    border-color: #0084b4 transparent transparent transparent;
}

/*-------- package btn ----------*/
.single_package_btn {
    position: fixed;
    width: 255px;
    height: 255px;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;

}

.packge-btn-img {
    width: 100%;
    height: 100%;
}

.packge-btn-img img {
    width: auto;
    height: auto;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.package-btn-content {
    position: absolute;
    left: 0px;
    top: 12px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 164px;
    height: 180px;
    background: url(../images/package_btn/btn.png) no-repeat center center /cover;
    text-align: center;
    padding: 35px 0;
}

.single_package_btn:hover .packge-btn-img img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.package-btn-content span {
    color: #d494e0;
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-bottom: -4px;
}

.package-btn-content h4 {
    font-size: 33px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: -3px;
}

.package-btn-content p {
    font-size: 17px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: .5px;
    margin-bottom: 5px;
}

.package-btn-content i {
    font-size: 30px;
    color: #FFFFFF;
    -webkit-animation-name: package-btn-ef;
    animation-name: package-btn-ef;
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-top: 9px;
}


@-webkit-keyframes package-btn-ef {
    from {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        visibility: visible;
    }

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

@keyframes package-btn-ef {
    from {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        visibility: visible;
    }

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


#controls {
    display: flex;
}

#controls #play-pause {
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#controls #seeker {
    flex: 1;
    border-radius: 10px;
}

#controls #volume {
    width: 100px;
    border-radius: 0 10px 10px 0;
}

#controls #mute {
    margin-left: 10px;
}

#controls #play-right {
    margin-right: 10px;
}

.button_play {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 0;
    text-align: center;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 11px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 24px;
    color: #FFFFFF;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    border: none;

}

.rangs_slider {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: inline-block;
    border-radius: 0 10px 10px 0;
    border: none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 3px;
    background: #000;
    align-self: center;
}

.rangs_slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background: url("../images/new_image/video-cursor.png") no-repeat center center /contain;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

.rangs_slider::-moz-range-thumb {
    -webkit-appearance: none !important;
    background: url("../images/new_image/video-cursor.png") no-repeat center center /contain;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
}

#myVideo source {
    width: 100%;
    height: 100%;
}


#controls {
    position: absolute;
    left: 0;
    bottom: 39px;
    width: 93%;
    background: rgba(0, 0, 0, .3);
    right: 0;
    margin: auto;
    border-radius: 10px;
    padding: 10px;
}


/*----------------- why choose us -------------*/
.why-choose-sec {
    position: relative;
    background: #f4f7ff;

}

.why-choose-us-content ul {
    padding-left: 0;
}

.why-choose-us-content ul li {
    display: block;
    list-style: none;
    font-size: 16px;
    line-height: calc(100% + 10px);
    font-weight: 500;
    color: #1d2d5d;
    padding-left: 34px;
    position: relative;
    margin-bottom: 15px;
}
.why-choose-us-content ul li:last-child{
    margin-bottom: 0;
}
.why-choose-us-content ul li:before {
    position: absolute;
    left: 0;
    top: 14px;
    width: 20px;
    height: 15px;
    background: url(../images/check2.png) no-repeat center center /contain;
    content: '';
}
.why-choose-img {
    position: absolute;
    right: -88px;
    top: 0;
}
/*---- why choose animation ---*/
.why-choose-loading-bar {
    display: block;
    width: 10px;
    height: 10px;
    animation: fadeInDowns 2s ease-in-out infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 10px;
}

.why-choose-loading-bar:nth-child(1) {
    background-color: #3498db;
    animation-delay: 0;
    position: relative;
    left: -9px;
    top: -4px;
}

.why-choose-loading-bar:nth-child(2) {
    background-color: #c0392b;
    animation-delay: 0.09s;
    position: relative;
    left: -2px;
}

.why-choose-loading-bar:nth-child(3) {
    background-color: #f1c40f;
    animation-delay: .18s;
    position: relative;
    left: -6px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.why-choose-loading-bar:nth-child(4) {
    background-color: #27ae60;
    animation-delay: .27s;
    position: relative;
    left: -10px;
}

.why-choose-loading-bar:nth-child(5) {
    background-color: #3498db;
    animation-delay: .36s;
    position: relative;
    left: -27px;
    top: -2px;
}

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

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

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

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

.why-choose-loadding {
    position: absolute;
    left: 60px;
    top: 3px;
    transform: rotate(-174deg);
}

.why-choose-loadding1 {
    position: absolute;
    right: 77px;
    bottom: -22px;
    transform: rotate(24deg);
}

.why-choose-loadding2 {
    position: absolute;
    right: 104px;
    top: -40px;
    transform: rotate(-71deg);
}

.why-choose-loadding3 {
    position: absolute;
    right: -16px;
    top: 152px;
    transform: rotate(-23deg);
}

.why-choose-loadding4 {
    position: absolute;
    left: 106px;
    bottom: -44px;
    transform: rotate(-254deg);
}

.why-choose-loadding5 {
    position: absolute;
    left: -16px;
    top: 180px;
    transform: rotate(162deg);
}


.why-choose-loadding1 .why-choose-loading-bar:nth-child(1) {
    background-color: #3498db;
    animation-delay: 0.36s;
    position: relative;
    left: -9px;
    top: -4px;
}

.why-choose-loadding1 .why-choose-loading-bar:nth-child(2) {
    background-color: #c0392b;
    animation-delay: 0.45s;
    position: relative;
    left: -2px;
}

.why-choose-loadding1 .why-choose-loading-bar:nth-child(3) {
    background-color: #f1c40f;
    animation-delay: .54s;
    position: relative;
    left: -6px;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.why-choose-loadding1 .why-choose-loading-bar:nth-child(4) {
    background-color: #27ae60;
    animation-delay: .63s;
    position: relative;
    left: -10px;
}

.why-choose-loadding1 .why-choose-loading-bar:nth-child(5) {
    background-color: #3498db;
    animation-delay: .72s;
    position: relative;
    left: -27px;
    top: -2px;
}


/*--------------------- blog banner section ----------*/
.blog-banner-sec {
    position: relative;
    background: url(../images/blog-banner.png) no-repeat center center /cover;
    background-color: transparent;
    padding: 104px 0 92px;
}

/*.blog-banner-sec:before{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height:100%;
    content: '';
    background: rgba(29,45,93, .2);
}*/
.blog-banner-contents {
    position: relative;
}

.page-banner-section.blog-list-banner-section .blog-banner-contents h2,
.page-banner-section.blog-list-banner-section .blog-banner-contents h1 {
    color: #fff;
    text-shadow: rgb(136, 136, 136) 2px 8px 37px;
    font-size: 48px;
    font-weight: 700;
    line-height: 42px;
}

.blog-banner-contents h2,
.blog-banner-contents h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 42px;
}

.page-banner-section.blog-list-banner-section .blog-banner-contents p {
    color: #fff;
    font-size: 24px;
    line-height: 42px;
    text-shadow: rgb(28, 35, 41) 4px 4px 37px
}

.blog-banner-contents p {
    color: #fff;
    font-size: 24px;
    line-height: 42px;

}

.blog-detail-banner-section .blog-banner-contents h1 {
    font-size: 32px;
}

.blog-detail-banner-section .blog-banner-sec {
    min-height: 310px;
    padding: 127px 0 116px;
}

.blog-featured-post {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 66px;
}

.blog-featured-post img {
    width: 100%;
    height: auto;
}

.blog-featured-post-content {
    background: rgba(29, 45, 93, .85);
    padding: 25px;
    position: relative;

}

.blog-featured-content {
    border: 3px solid #FFFFFF;
    padding: 58px 0;
}

.blog-featured-content time {
    color: #FFFFFF;
    background: #f68c26;
    padding: 6px 11px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    line-height: 27px;
    margin-bottom: 50px;
}

.blog-featured-content time:before {
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 100%;
    content: '';
    background: url(../images/date-angle-left.png) no-repeat center center /cover;
}

.blog-featured-content time:after {
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 100%;
    content: '';
    background: url(../images/date-angle-right.png) no-repeat center center /cover;
}

.blog-featured-content h3 {
    font-size: 42px;
    font-weight: 600;
    color: #fff;
    line-height: 36px;
    margin-bottom: 20px;
}


.blog-featured-content p {
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    font-weight: 500;
    padding: 0 63px;
    margin-bottom: 27px;
}

.blog-featured-content .doddle-btn {
    background: #e6e6e7;
    font-weight: 600;
}

.blog-featured-content .doddle-btn:hover {
    background: #f68c26;
    border-color: #f68c26;
}

.blog-item {
    margin-bottom: 38px;
}

.blog-item .home-blog-meta a {
    color: #1d2d5d;
    font-weight: 600;
}

.blog-item .home-blog-meta a span {
    color: #f68c26;
}

.blog-item .blog-title, .blog-title a,
.blog-item .blog-author p {
    color: #1d2d5d;
}

.blog-item .blog-top p {
    color: #1d2d5d;
}

.blog-item .blog-author p {
    font-weight: 600;
}

.contact-us-section .sm-content p {
    font-size: 16px;
    color: #1d2d5d;
    line-height: 30px;
}

.contact-title h3 {
    font-weight: 700;
    margin-bottom: 25px;
    color: #1d2d5d;
    font-size: 30px;
}

.contact-us-section .section-title-4 {
    margin-bottom: 44px;
}

h3.ticket-title {
    padding-top: 15px;
    line-height: 25px;
}

.mb35 {
    margin-bottom: 35px;
}

.single-page-share-opt label {
    color: #FFFFFF;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

.single-page-share-opt {
    background: #5165a3;
    padding: 14px 25px;
}

.socail-share-opt ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.socail-share-opt ul li {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
}

.socail-share-opt ul li a {
    font-size: 18px;
    color: #FFFFFF;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-weight: 700;
    text-align: center;
    font-weight: bold;
    margin: 0 0 0 4px;
}


.releted-blog-dotted div.tbtn {
    display: inline-block;
    font-size: 20px;
    /* border: 1px solid #5165a3; */
    cursor: pointer;
    width: 25px;
    text-align: center;
    background: #1d2d5d;
    height: 25px;
    color: #fff;
    align-self: center;
    vertical-align: middle;
}

.releted-blog-dotted div.tbtn.swiper-button-disabled {
    opacity: .8;
}

a.mrks_like.mrks_liked {
    color: #f68c26;
}

.support-commment {
    position: relative;
    text-align: left;
    padding-left: 75px;
    padding-right: 75px;
}

.support-commment img {
    left: 0px;
    position: absolute;
    margin-right: auto;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-left: 0;
}

.support-commment.current-user {
    position: relative;
    text-align: right;
    padding-left: 75px;
    padding-right: 75px;
}

.support-commment.current-user img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: absolute !important;
    right: 0px !important;
    top: 0;
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

.support-comment-list .con-date, .con-date a {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 8px;
}

.support-comment-list li {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.support-commment h3,
.support-commment h3 a {
    font-size: 15px;
    color: #1d2d5d;
    line-height: 1;
    margin: 0 0 6px;
}

.support-commment p {
    color: #1d2d5d;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
}

.support-comments-area {
    height: 300px;
    overflow-y: scroll;
    padding-right: 10px;
    background: #f3f3f3;
    padding-left: 10px;
}

.support-comment-list {
    padding: 0;
}

.support-comment-list li:last-child {
    border-bottom: none;
}

.account-panel-inner {
    padding-right: 0;
}

.order-content p {
    margin-bottom: 0;
    padding: 0 10px 0 0;
}

/*-------------------------- key-element-sec -----------------------*/
.key-element-sec {
    background: #5165a3;
}

.key-elment-title {
    font-size: 24px;
    font-weight: 600;
    color: #FFFFFF;
    position: relative;
    padding-left: 42px;
    line-height: 30px;
    margin-bottom: 22px;
}

.key-elment-title img {
    position: absolute;
    left: 0;
    top: 0;

}

.key-elment-content p,
.key-element-requirment p {
    color: #FFFFFF;
    text-align: justify;
    margin-bottom: 25px;
}

.no-padding {
    padding: 0;
}

.key-element-image {
    margin-top: 58px;
}

.key-element-image img {
    width: 100%;
    height: auto;
}

.key-element-requirment ul,
.key-elment-content ul {
    padding: 0;
    list-style: none;
}

.key-element-requirment ul li,
.key-elment-content ul li {
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    position: relative;
    padding-left: 40px;
    font-weight: 500;
}

.key-element-requirment ul li:before,
.key-elment-content ul li:before {
    position: absolute;
    left: 7px;
    top: 5px;
    width: 15px;
    height: 15px;
    content: '';
    background: url(../images/check5.png) no-repeat center center /contain;
}

/*----------------- through our action sec -------------*/
.through-our-content p {
    text-align: justify;
    margin-bottom: 30px;
}

.through-our-img img {
    width: 100%;
}

.through-our-content h3 {
    font-size: 24px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 26px;
    margin-bottom: 22px;
}

.through-our-content ul {
    padding: 0;
    margin-bottom: 16px;
}

.through-our-content ul li {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #1d2d5d;
    line-height: 26px;
    padding-left: 30px;
    position: relative;
}

.through-our-content ul li:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 15px;
    height: 15px;
    background: url(../images/check5.png) no-repeat center center /contain;
    content: '';
}

.through-our-img {
    margin-bottom: 35px;
}

section.through-our-sec.common-section {
    padding-bottom: 32px;
}

/*-----------package-footer-sec-----------*/
.package-footer-sec {
    position: relative;
}

.package-footer-sec:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    background: #6739b6;
    content: '';
}

.package-footer-sec:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    background: #f15b26;
    content: '';
    z-index: -1;
}

.pkg-single-feacture.one img, .pkg-single-feacture.three img {
    left: 3px;
}

.contact-submit-btn span.loading {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
}

.contact-form-content p a {
    color: #f68c26;
}


/*---------- footer animation ------------*/

.loader-6 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 10px;
    width: 10px;
    background: #f68c26;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.loader-6 span::before {
    content: "";
    /* display: block; */
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 30px;
    width: 30px;
    background: #f68c26;
    border-radius: 50%;
    opacity: .5;
    -webkit-animation: loader-6-1 2s infinite;
    animation: loader-6-1 2s infinite;
}

@-webkit-keyframes loader-6-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.8);
        opacity: 0;
    }
}

@keyframes loader-6-1 {
    0% {
        transform: translate3d(0, 0, 0) scale(0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1.8);
        opacity: 0;
    }
}

/*.loader-6 span::after {
    -webkit-animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1.25s infinite;
    animation: loader-6-2 1.5s cubic-bezier(0.075, 0.820, 0.165, 1.000) 1.25s infinite;
}*/
@-webkit-keyframes loader-6-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.2);
        opacity: 0;
    }
}

@keyframes loader-6-2 {
    0% {
        transform: translate3d(0, 0, 0) scale(0);
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(1.2);
        opacity: 0;
    }
}

/* Layout */


.footer-animation {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 0;
}

.footer-animation .loader-6 span::before {
    -webkit-animation: loader-6-1 2.4s infinite;
    animation: loader-6-1 2.4s infinite;
}

.footer-animation1 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 17px;
    width: 20px;
    height: 20px;
}

.footer-animation1 .loader-6 span::before {
    /*   -webkit-animation: loader-6-1 2.2s cubic-bezier(0.175, 0.820, 0.165, 1.000) infinite;
       animation: loader-6-1 2.2s cubic-bezier(0.175, 0.820, 0.165, 1.000) infinite;*/
    -webkit-animation: loader-6-1 2.8s infinite;
    animation: loader-6-1 2.8s infinite;
}

.footer-animation2 {
    position: absolute;
    top: 34px;
    /* bottom: 0; */
    left: 30%;
    width: 20px;
    height: 20px;
}

.footer-animation3 {
    position: absolute;
    top: 15%;
    bottom: 0;
    left: 0;
    right: 43px;
    width: 20px;
    height: 20px;
    margin: auto;
}

.footer-animation3 .loader-6 span::before {
    -webkit-animation: loader-6-1 3.2s infinite;
    animation: loader-6-1 3.2s infinite;
}

.footer-animation4 {
    position: absolute;
    top: 40%;
    right: 21%;
    width: 20px;
    height: 20px;
}

.footer-animation4 .loader-6 span::before {
    -webkit-animation: loader-6-1 2.6s infinite;
    animation: loader-6-1 2.6s infinite;
}

.footer-animation5 {
    position: absolute;
    bottom: 31px;
    right: 37%;
    width: 20px;
    height: 20px;
}

.footer-animation5 .loader-6 span::before {
    -webkit-animation: loader-6-1 2.4s infinite;
    animation: loader-6-1 2.4s infinite;
}

.pkg-pricing-title h3 {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 46px;
    margin-top: 14px;
    display: inline-block;
    padding: 15px 30px 15px;
    position: relative;
    background: #2ea9e3;
    box-shadow: 0px 3px 8px rgba(46, 169, 227, .5);
}

.package-section .package-pheader.sm-content h4 {
    font-size: 20px;
    color: #1d2d5d;
}

.pkg-pricing-title h3:before {
    position: absolute;
    left: -35px;
    top: 7px;
    width: 50px;
    height: 100%;
    content: '';
    background: url(../images/price-title-left-shap.png) no-repeat center center /cover;
}

.pkg-pricing-title h3:after {
    position: absolute;
    right: -35px;
    top: 7px;
    width: 50px;
    height: 100%;
    content: '';
    background: url(../images/price-title-right-shap.png) no-repeat center center /cover;
}

/*---------- faq acordian ----------*/
.faq-item .panel-default > .panel-heading {
    color: #fff;
    background-color: #f7f7f7;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.faq-item .panel-default > .panel-heading a {
    display: block;
    padding: 18px 15px 18px 175px;
    color: #1d2d5d;
    background-color: #dde6ff;
    font-size: 20px;
    font-weight: 600;
}

.faq-item .panel-default > .panel-heading a span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f68c26;
    font-weight: 700;
    color: #ffffff;
    display: inline-block;
    padding: 17px 24px;
    /* vertical-align: middle; */
}

.faq-item .panel-default > .panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    background: transparent;
    color: #5165a3;
    font-size: 18px;
}

.faq-item .panel-default > .panel-heading a[aria-expanded="true"] {
    background-color: #dde6ff;
}

.faq-item .panel-default > .panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #f68c26;
}

.faq-item .panel-default > .panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq-item .panel-title {
    font-family: 'Raleway', sans-serif;
}

.faq-item .accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

.faq-item .accordion-option .title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 0;
}

.faq-item .accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f;
}

.faq-item .accordion-option .toggle-accordion:before {
    content: "Expand All";
}

.faq-item .accordion-option .toggle-accordion.active:before {
    content: "Collapse All";
}

.faq-item .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: medium none;
    padding: 22px 28px;
}

.faq-item .panel-group .panel {
    background: #e8eeff none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    margin-bottom: 14px;
}

.faq-item .panel-body .tab-content p {
    line-height: 28px;
    margin-bottom: 13px;
    text-align: justify;
}

.faq-cat-title {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    background: #1D2D5D;
    line-height: 30px;
    padding: 13px 23px;
}

.faq-item {
    margin-bottom: 60px;
}

.faq-item:last-of-type {
    margin-bottom: 0;
}

.faq-page {
    padding: 60px 0;
}

.displayNone {
    display: none;
}

.package-section .package-pheader.sm-content ul li {
    float: none;
    width: 100%;
}

.canonical_title {
    font-size: 32px;
    line-height: calc(100% + 10px);
    color: #1d2d5d;
    font-weight: 700;
    margin-bottom: 50px;
    word-wrap: break-word;
    text-align: center;
    position: relative;
}

.canonical_title img {
    width: 38px;
}

.congratulation-page-sec {
    padding: 80px 0;
    background: linear-gradient(to right, #f5f5f5 100%, #e8e8e8 100%);
}

.congration-title {
    font-size: 48px;
    font-weight: 700;
    color: #f68c26;
    line-height: 43px;
    letter-spacing: -0.8px;
    margin-bottom: 26px;
    word-wrap: break-word;
}

.congratulation-content h4 {
    font-size: 23px;
    font-weight: 600;
    color: #1d2d5d;
    line-height: 30px;
    margin-bottom: 22px;
}

.congratulation-content h4.doodle-w-title {
    color: #64b605;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 45px;
}

.congratulation-iamge img {
    width: 100%;
}

.congratulation-content {
    margin-top: 120px;
}

.congrat-bar {
    width: 80%;
    height: 1px;
    background: #d7d7d7;
    margin: auto auto 15px;
}

.congrats-btn .doddle-btn.fill {
    background: #f68c26;
    border-color: #f68c26;
    font-weight: 600;
}

.case-studiesbtn.after {
    content: "\f101";
    float: right;
    margin-left: 4px;
    font-family: "fontawesome";
    top: 0;
    color: #ff712c;
    font-size: 12px;
    font-weight: 700;
    right: 8px;
}
.nich-building-blog.content-working-blog.ddl-listheight .pk-title-left.ddl-mrbtn {
    margin-bottom: 25px;
}
.footer-info-area .single-info h3 {
    margin-bottom: 15px;
}
/* about page title */
.bgWith-title {
    margin-bottom: 25px;
    text-align: center;
    margin-top: 25px;
}
.bgWith-title h2{
    background: #f68c26;
}
.bgWith-title h2, .bgColorWith-title h2 {
    color: #fff;
    padding: 30px;
    line-height: 40px;
    border-radius: 5px;
}
.bgColorWith-title {
        margin-top: 25px;
}
.bgColorWith-title h2 {
    background: #1c2d5d;
}

.cultureWrapper {
    margin-bottom: 50px;
    margin-top: 50px;
}
.cultureWrapper h2 {
    font-size: 32px;
    margin-bottom: 30px;
}
.cultureContent {
    margin-bottom: 30px;
    text-align : left;
    background-color: #F7F7F7;
    padding: 25px 30px;
    border-radius: 10px;
}
.cultureContent img { 
    margin-bottom :20px;
}
.bgColorWith-title h2 {
    text-align: center;
}
.cultureContent h3 {
    font-size: 20px;
    line-height: calc(100% + 10px);
    font-weight: 700;
    margin-bottom: 20px;
}
.swiper-slide-btn.text-center {
    text-align : left !important;
}
.bgColorWith-title h2 {
    text-align: center !important;
}
.facebook-marketting .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.facebook-marketting .s-items {
    margin-bottom: 30px;
}
.achivment-section .section-title-2 p {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}
.achivment-section .section-title-2 h2, .achivment-section .section-title-2 h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}
.seo-optimizition-section .row {
    display : flex;
    align-items: center;
    flex-wrap: wrap;
}
.why-choose-us-content {
    padding-bottom: 80px;
}
.our-client {
    display: flex;
    flex-wrap: wrap;
}
.our-client .right {
    --grid-column : 4;
    display: grid;
    grid-template-columns: repeat(var(--grid-column), 1fr);
    grid-gap: 30px;
    width: 68%;
}

@media (max-width:576px) {
   .our-client .right {
        --grid-column : 3;
    }
}
@media (max-width:420px) {
   .our-client .right {
        --grid-column : 2;
    }
}
.our-client  .left {
    flex-shrink: 1;
    width: 28%;
}
.our-client .img-holder{
    background-color: #F5F5F5;
    border-radius: 6px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-client .left h3 {
    font-size: 32px;
    font-weight: 700;
}
.our-client .left a {
    background: #162b65 !important;
    border: 2px solid #162b65;
    color: white !important;
    height: 51px;
    border: 1px solid #5165a3;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    font-family: 'Catamaran';
    padding: 16px 36px;
    position: relative;
    font-size: 18px;
    line-height: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    margin-top: 15px;
}
.our-client .left a:hover {
    background-color: #F68C26;
    color: #162b65;
}
.single-blog-post-big .sm-content img {
    max-width : 100% !important;
    width: auto !important;
    height: auto !important;
    display : inline-block;
}

@media (max-width:992px) {
    .our-client {
        display : block !important;
    }
    .our-client .left {
       margin-bottom : 20px !important;  
    }
    .our-client .right ,
    .our-client .left {
        width : 100% !important;
    }
}
/* end about page title */

.check-great-things .doddle-btn {
    background-color : #F68C26;
    border-color : #F68C26;
    color : #fff;
}
.check-great-things .doddle-btn:hover {
    background-color: #5165a3;
    border-color: #5165a3;
}