/************************************************
[Master Stylesheet]

Project Name    : Business Corporate
Author Url      : https://themeforest.net/user/themebeck



Css Table Of Content
-----------------------
01. Home Page-1 Style
    1.1 Header Section
    1.2 Banner Section
    1.3 About section
    1.4 Fun facts section
    1.5 Primary Service section
    1.6 Secondary Service section
    1.7 start video section
    1.8 Portfolio section
    1.9 Best consultation section
    1.10 Start Testimonial Style
    1.11 Blog section
    1.12 Contact section
    1.13 Footer section
02. Home Page-2 Style
03. Home Page-3 Style
04. About us page Style
05. Service Page Style
06. Project Page Style
07. Project Details Style
08. Blog page Style
09. Blog details page Style
10. Contact page Style

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


/*---------------------------- 01. start Home page style ------------------------------------*/
body,
p {
    font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
}

.color_5c4 {
    color: #5b81d9;
}

.color_20b {
    color: #26356e;
}

.color_027 {
    color: #5276c9;
}

.color_69f {
    color: #69ffe0;
}

.bg_color_5c4 {
    background: #5b81d9;
}


.welcome7 .intro_common .circle::after,
.contact_page .abform_area button,
.contact_page .abform_area .abinput_group label,
.free_consultv1 form button,
.homePage2 .portfolio_section .owl-dot,
.homePage2 .portfolio_section .single_portfolio .hoverlay,
.homePage2 .service_section .single_service > i,
.homePage2 .service_section .single_service p,
.homePage2 .service_section .single_service {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


/*------- 1.1 Header Section--------*/
/*------search area style-------*/
.search_overlay {
    background: rgba(34, 34, 34, 0.8);
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 11;
    opacity: 0;
    top: 0;
    left: 0;
    visibility: hidden;

    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.search_overlay.show_overlay {
    opacity: 1;
    visibility: visible;
}

.search_area_modal {
    background: #f6f6f6 none repeat scroll 0 0;
    left: 50%;
    min-width: 600px;
    padding: 30px;
    position: fixed;
    top: -120px;
    overflow: hidden;
    z-index: 12;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);

    -webkit-transition: all 0.4s cubic-bezier(0.07, 0.68, 0.46, 0.98);
    -o-transition: all 0.4s cubic-bezier(0.07, 0.68, 0.46, 0.98);
    transition: all 0.4s cubic-bezier(0.07, 0.68, 0.46, 0.98);
}

.search_area_modal.show_search {
    top: 60px;
}

.search_area_modal .ion-android-close {
    background: #fff;
    color: #222;
    border-radius: 0 8px 0 70px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    padding: 6px 16px 11px 19px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: -3px;
}

.search_area_modal .ion-android-close:hover {
    background: #26356e;
    color: #fff;
}

.search_area_modal input,
.search_area_modal button {
    border: medium none;
    float: left;
    height: 50px;
    padding: 5px;
}

.search_area_modal input {
    padding-left: 20px;
    font-size: 18px;
}

.search_area_modal input {
    color: #333;
    background: #fff;
}

.search_area_modal button {
    background: #fff;
}

.search_area_modal input {
    width: 90%;
}

.search_area_modal button {
    width: 10%;
}

.search_area_modal button i {
    font-size: 25px;
    padding: 9px;
    display: inline-block;
}

.search_area_modal button:hover i {
    color: #26356e;
}


header.header_v11 {
    background: #fff;
    position: relative;
}

.header_v11 .topbar_left {
    padding-top: 3px;
}

.header_v11 .topbar_left > ul > li {
    border-right: 1px solid #4b3bad;
}

.header_v11 .topbar_left ul > li {
    cursor: pointer;
    padding: 0 17px;
    vertical-align: middle;
}

.header_v11 .topbar_left ul > li:first-child {
    padding-left: 0;
}

.header_v11 .topbar_left ul.list {
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    margin-top: 5px;
}

.header_v11 .topbar_left ul > li:last-child {
    border-right: 0;
}

.header_v11 .topbar_left .nice-select {
    background: none;
    line-height: normal;
    border: medium none;
    border-radius: 0px;
    height: auto;
    padding-left: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
}

.header_v11 .topbar_left .current {
    padding-left: 20px;
}

.header_v11 .topbar_left .current::before {
    content: "\f0ac";
    color: #26356e;
    font-family: fontawesome;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.header_v11 .topbar_left .list li {
    display: block;
    padding: 0 17px !important;
    color: #222;
}

.header_v11 .topbar_left .nice-select::after {
    display: none;
}

.header_v11 .topbar_left ul li a {
    color: #fff;
}

.header_v11 .topbar_left ul li a i {
    margin-right: 7px;
    color: #26356e;
}

.header_v11 .topbar_right > ul {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
}

.header_v11 .topbar_right ul.social_contact li a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-left: 3px;
    padding: 5px;
}

.header_v11 .topbar_right ul.social_contact li a:hover {
    color: #26356e;
}

.header_v11 .topbar_right ul.social_contact li:first-child a {
    margin-left: 0px;
}

.header_v11 .topbar_right .signin > li > a {
    color: #fff;
}

.header_v11 .topbar_right .signin a {
    text-transform: capitalize;
}

.header_v11 .topbar_right .signin a i {
    margin-left: 5px;
}

.header_v11 .topbar_right .sdropdown {
    background: #f4f4f4;
    border-radius: 3px;
    left: 0;
    position: absolute;
    top: 40px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.header_v11 .topbar_right .signin li:hover .sdropdown {
    top: 28px;
    opacity: 1;
    visibility: visible;
}

.header_v11 .topbar_right .sdropdown li a {
    display: block;
    padding: 3px 20px;
}

.header_v11 .topbar_right .search_icon > li {
    cursor: pointer;
    font-size: 17px;
    padding: 3px 9px;
    color: #fff;
}

.header_v11 .stuck_menu .menuzord {
    /*padding: 0 135px 0 0;*/
    padding: 0;
}

.header_v11 .stuck_menu .menuzord-brand {
    margin: 10px 0 0;
}

.header_v11 .stuck_menu .menuzord-menu > li > a {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    padding: 34px 15px;
    text-transform: capitalize;
}

.header_v11 .stuck_menu .menuzord-menu > li.active > a,
.header_v11 .stuck_menu .menuzord-menu > li > a:hover {
    color: #5b81d9;
}

.header_v11 .menuzord-menu li .indicator {
    margin-left: 7px;
}

.header_v11 .getqut {
    border: 1px solid #26356e;
    color: #26356e;
    font-size: 14px;
    padding: 8px 20px;
    position: absolute;
    right: 15px;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header_v11 .getqut:hover {
    background: #26356e;
    border-color: #26356e;
    color: #fff;
}


/*-----------dropdown menu style----------*/
.stuck_menu .menuzord-menu ul.dropdown,
.stuck_menu .menuzord-menu ul.dropdown li ul.dropdown {
    background: #fff;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.07);
    min-width: 250px;
}

.stuck_menu .menuzord-menu > li > .megamenu,
.stuck_menu .menuzord-menu ul.dropdown {
    top: 61px;
}

.stuck_menu .menuzord-menu ul.dropdown li ul.dropdown {
    top: 0px;
}

.stuck_menu .menuzord-menu ul.dropdown li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    color: #444444;
    font-size: 14px;
    padding: 12px 25px 12px 22px;
    text-transform: capitalize;
}

.stuck_menu .menuzord-menu ul.dropdown li a:hover {
    background: rgba(0, 0, 0, 0.03);
}

.stuck_menu .menuzord-menu ul.dropdown > li:last-child a {
    border-bottom: none
}

.stuck_menu .menuzord-menu li ul.dropdown li .indicator {
    top: 13px;
}

.stuck_menu .menuzord-menu ul.dropdown li a i.ion-ios-plus-outline {
    font-size: 18px;
}

.header_v11 .stuck_menu .menuzord-menu ul.dropdown {
    top: 89px;
}


/*---------------1.2 Banner section-----------------*/
.banner_section {
    background: url(images/banner_bg.jpg) no-repeat center center / cover;
    height: 827px;
    overflow: hidden;
}

.banner_section .bg_overlay {
    background: #5b81d9;
    border-radius: 80px;
    bottom: -80px;
    height: 650px;
    padding: 100px;
    position: absolute;
    right: -160px;
    width: 900px;
    -webkit-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    transform: rotate(-13deg);
}

.banner_section .banner_content {
    max-width: 610px;
    width: 100%;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    -o-transform: rotate(13deg);
    transform: rotate(13deg);
}

.banner_section .banner_content a.get_free {
    background: #26356e;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    height: 56px;
    line-height: 58px;
    min-width: 246px;
    padding: 0 20px;
    text-align: center;
}

.banner_section .banner_content a.get_free:hover {
    background: #fff;
    color: #26356e;
}

.banner_section .banner_content a.get_free i {
    display: inline-block;
    font-size: 30px;
    line-height: 53px;
    margin-left: 10px;
    position: relative;
    top: 5px;
    line-height: normal;
}


/*----------------1.3 start About section--------------------*/
.about_section {
    padding: 130px 0 0;
}

.about_section .content_wrapper .content {
    width: 53%;
}

.about_section .content_wrapper .img_area {
    width: 47%;
}

.about_section .content_wrapper .img_area img {
    background: #fff;
    border: 1px solid #efefef;
    padding: 12px;
    width: 100%;
}

.about_section .content_wrapper .content {
    padding-left: 0;
    padding-right: 30px;
}

.about_section .content_wrapper .content h3.title_36 {
    max-width: 580px;
    width: 100%;
}

.about_section .content .moreDetails {
    background: #5b81d9;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 53px;
    padding: 0 20px;
}

.about_section .content .moreDetails:hover {
    background: #26356e;
}

.about_section .content .moreDetails i {
    font-size: 25px;
    margin-left: 10px;
    vertical-align: middle;
}


/*-------------------1.4 Fun facts section--------------------*/
.facts1 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.facts1 .facts_common i {
    color: #5b81d9;
    font-size: 45px;
    line-height: normal;
    position: absolute;
    left: 0;
    top: -2px;
}

.facts1 .facts_common span.line {
    height: 2px;
    width: 50px;
    background: #c9c9c9;
}


/*-------------------1.5 Primary Service section--------------------*/
.section_title h2 {
    margin: 0 auto;
    max-width: 540px;
    width: 100%;
}

.primary_service {
    padding-top: 120px;
    padding-bottom: 130px;
}

.primary_service .single_service {
    border: 1px solid #eeeeee;
    padding: 20px;
}

.primary_service .single_service .img_area {
    overflow: hidden;
}

.primary_service .single_service img {
    width: 100%;
    border-radius: 5px;
}

.primary_service .single_service .service_content {
    background: rgba(84, 69, 177, 1);
    border-radius: 5px;
    bottom: -188px;
    height: 100%;
    left: 0;
    padding: 12px 20px;
    position: absolute;
    width: 100%;

    -webkit-transition: all 0.5s cubic-bezier(0.59, 0.18, 0.32, 0.77);
    -o-transition: all 0.5s cubic-bezier(0.59, 0.18, 0.32, 0.77);
    transition: all 0.5s cubic-bezier(0.59, 0.18, 0.32, 0.77);
}

.primary_service .single_service:hover .service_content {
    background: rgba(84, 69, 177, 0.95);
    padding: 40px 20px;
    bottom: 0;
}

.primary_service .service_content a:hover {
    color: #fff;
    text-decoration: underline;
}


/*----------------1.6 Secondary Service section--------------------*/
.welcome7 .section_title h2 {
    margin: 0 auto;
    max-width: 610px;
    width: 100%;
}

.welcome7 {
    padding-top: 120px;
    padding-bottom: 80px;
}

.welcome7 .intro_common .intro_text h5:hover a {
    color: #6250ce;
}

.welcome7 .intro_common .circle {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #6250ce;
    height: 100px;
    padding: 16px;
    position: relative;
    /*width: 100px;*/
}

.welcome7 .intro_common .circle i {
    font-size: 38px;
    padding: 13px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.welcome7 .intro_common .circle::after {
    background: #6250ce;
    border-radius: 100%;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.75);
    -moz-transform: translate(-50%, -50%) scale(0.75);
    -ms-transform: translate(-50%, -50%) scale(0.75);
    -o-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75);
    width: 100%;
    z-index: 1;
}

.welcome7 .intro_common:hover .circle:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.welcome7 .intro_common .circle:before {
    border: 1px solid #6250ce;
    border-radius: 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.welcome7 .intro_common:hover .circle:before {
    -webkit-animation: scaleAnimation2 0.8s 0s;
    -moz-animation: scaleAnimation2 0.8s 0s;
    -ms-animation: scaleAnimation2 0.8s 0s;
    -o-animation: scaleAnimation2 0.8s 0s;
    animation: scaleAnimation2 0.8s 0s;
}

@-webkit-keyframes scaleAnimation2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.45);
        -moz-transform: scale(1.45);
        -ms-transform: scale(1.45);
        -o-transform: scale(1.45);
        transform: scale(1.45);
        opacity: 0;
    }
}

@keyframes scaleAnimation2 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.45);
        -moz-transform: scale(1.45);
        -ms-transform: scale(1.45);
        -o-transform: scale(1.45);
        transform: scale(1.45);
        opacity: 0;
    }
}


/*----------------1.7 start video section--------------------*/
.video1 {
    background: url(../images/video-bg1.jpg) no-repeat center center / cover;
}

.video1 .overlay {
    background: rgba(38, 30, 83, 0.9);
}

.video1 .video_content {
    height: 610px;
}

.video1 .video_content > span.line {
    width: 50px;
    height: 2px;
}

.video1 .video_content > p {
    font-size: 18px;
    line-height: 28px;
}

.video1 .video_content > h2 {
    max-width: 620px;
    width: 100%;
    font-weight: 500;
}

.video1 .video_content > a.venobox {
    color: #fff;
    border: 2px solid #fff;
    font-size: 22px;
    height: 60px;
    padding: 15px 22px;
    width: 60px;
}

.video1 .video_content > a.venobox:hover {
    background: #fff;
    color: #6250CE;
}


/*----------------1.8 start portfolio section--------------------*/
.portfolio_common .portfolio_menu {
    width: 100%;
    text-align: center;
}

.portfolio_common .portfolio_menu li {
    font-size: 15px;
    color: #888888;
    text-transform: uppercase;
    padding: 0 23px;
    cursor: pointer;
    position: relative;
}

.portfolio_common .portfolio_menu li.is-checked {
    color: #000;
}

/*------portfolio menu click animation-----*/
.portfolio_common .portfolio_menu li span.icon {
    background: #000;
    bottom: 0px;
    height: 9px;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    width: 1px;
    opacity: 0;
    visibility: hidden;
}

.portfolio_common .portfolio_menu li.is-checked span.icon {
    bottom: -10px;
    opacity: 1;
    visibility: visible;
}

.portfolio_common .portfolio_menu li span.icon:before {
    background: #000 none;
    border-radius: 100%;
    bottom: -4px;
    content: "";
    height: 5px;
    left: -2px;
    position: absolute;
    width: 5px;
}

.portfolio_common .portfolio_menu li:before {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 100%;
    content: "";
    left: 50%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 100px;
    height: 100px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.2);
    -ms-transform: translate(-50%, -50%) scale(0.2);
    -o-transform: translate(-50%, -50%) scale(0.2);
    transform: translate(-50%, -50%) scale(0.2);
}

.portfolio_common .portfolio_menu li.is-checked:before {
    animation: circle_wave 0.5s ease-out;
}

@keyframes circle_wave {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
        visibility: hidden;
    }
    50% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        visibility: hidden;
    }
}


/*---portfolio menu style-2---*/
.portfolio_common .portfolio_menu.style2 {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    margin: 0 auto 60px;
    max-width: 980px;
    width: 100%;
    padding-bottom: 10px;
}

.portfolio_common .portfolio_menu.style2 li {
    padding: 0;
    margin: 0 23px;
}

.portfolio_common .portfolio_menu.style2 li:before {
    display: none;
}

.portfolio_common .portfolio_menu.style2 li span.icon {
    background: #000;
    bottom: 0px;
    height: 1px;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 100%;
}

.portfolio_common .portfolio_menu.style3 li span.icon:before,
.portfolio_common .portfolio_menu.style2 li span.icon:before {
    display: none;
}

.portfolio_common .portfolio_menu.style2 li.is-checked span.icon {
    bottom: -11px;
}

/*---------Inside title style---------*/
.portfolio_IT.icon_overlay2 {
    padding-top: 120px;
    padding-bottom: 130px;
    overflow: hidden;
}

.portfolio_IT .single_item .overlay {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.portfolio_IT .single_item:hover .overlay {
    opacity: 1;
    visibility: visible;
}

.portfolio_IT .single_item {
    margin-bottom: 30px;
    overflow: hidden;
}

.portfolio_IT .single_item img {
    width: 100%;
}

.portfolio_IT .single_item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.portfolio_IT .single_item .title {
    height: 100%;
    position: absolute;
    top: 0;
    padding: 50px;
    width: 100%;
    z-index: 2;
}

.portfolio_IT.icon_overlay2 .single_item ul.icon {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.portfolio_IT.icon_overlay2 .single_item:hover ul.icon {
    opacity: 1;
    visibility: visible;
}

.portfolio_IT.icon_overlay2 .single_item .title {
    background: #222;
    bottom: -90px;
    height: auto;
    padding: 14px 0;
    top: inherit;
}

.portfolio_IT.icon_overlay2 .single_item ul.icon a {
    border-radius: 100%;
    font-size: 22px;
    height: 40px;
    margin: 0 3px;
    text-align: center;
    width: 40px;
    color: #333;
}

.portfolio_IT.icon_overlay2.col3 .single_item .title {
    padding: 10px 0 !important;
}

.portfolio_IT.icon_overlay2 .single_item:hover .title {
    bottom: 0px;
}

.portfolio_IT.icon_overlay2 .single_item .title .line,
.portfolio_IT.icon_overlay2 .single_item .title h5,
.portfolio_IT.icon_overlay2 .single_item .title p {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}


/*-------------1.9 start Best consultation section---------------*/
.best_consultation {
    background: #5445b1;
}

.best_consultation .img_area,
.best_consultation .content,
.best_consultation .img_area.item2 {
    width: 33.3333%;
}

.best_consultation .content {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 730px;
    width: 100%;
}

.best_consultation .content .consultation > li:first-child {
    margin-right: 100px;
}

.best_consultation .content h3.title_36 {
    margin-left: -2px;
}

.best_consultation .content .line {
    height: 3px;
    margin-bottom: 36px;
    margin-top: 20px;
    width: 100px;
}

.best_consultation .content .consultation li i {
    color: #26356e;
    font-size: 55px;
    line-height: normal;
}


/*--------------1.10 start Testimonial Style--------------*/
.testimonial_style8 {
    padding-top: 120px;
    padding-bottom: 90px;
}

.testimonial_style8 .single_testimonial {
    background: #f7f7f7;
    padding: 50px 25px 46px;
    position: relative;
}

.testimonial_style8 .author_img {
    border: 1px solid #eeeeee;
    height: 80px;
    margin: 0px auto 0;
    width: 80px;
}

.testimonial_style8 .author_img img {
    width: 100%;
}

.testimonial_style8 .author_info span {
    font-size: 14px;
}

.testimonial_style8 p.author_comment {
    font-style: italic;
    padding-top: 13px;
}

.testimonial_style8 .owl-carousel .owl-stage {
    padding: 0 0 40px;
}

.testimonial_style8 .single_testimonial .rating li i {
    color: #ffba00;
    font-size: 15px;
}

.testimonial_style8 .owl-prev,
.testimonial_style8 .owl-next {
    background: #cecece;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    padding: 6px 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.testimonial_style8 .owl-prev:hover,
.testimonial_style8 .owl-next:hover {
    background: #5445b1;
}

.testimonial_style8 .owl-prev {
    left: -120px;
}

.testimonial_style8 .owl-next {
    right: -120px;
}


/*--------------1.11 start blog section---------------*/
.blog_post9 {
    padding-top: 120px;
    padding-bottom: 130px;
}

.blog_post_comon .single_blog_post .img_area {
    overflow: hidden;
}

.blog_post_comon .single_blog_post:hover .img_area img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.blog_post_comon .single_blog_post .img_area img {
    width: 100%;
}

.blog_post9 .single_blog_post .img_area {
    border-radius: 5px 5px 0px 0px;
}

.blog_post9 .img_area .date {
    background: #5445b1;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    left: 0;
    padding: 5px 25px;
    position: absolute;
}

.blog_post9 .single_blog_post .blog_content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 21px 25px 25px;
}

.blog_post9 .single_blog_post ul.author {
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px;
    padding: 15px 25px;
    border-top: none;
}

.blog_post9 .single_blog_post ul.author img {
    border-radius: 100%;
    height: 30px;
    vertical-align: bottom;
    width: 30px;
    margin-right: 15px;
}

.blog_post9 .single_blog_post ul.author li {
    font-size: 13px;
}

.blog_post9 .single_blog_post ul.author li a {
    font-size: 13px;
    color: #26356e;
}

.blog_post9 .single_blog_post ul.author li a:hover {
    text-decoration: underline;
}


/*----------1.12 start contact section ------------*/
.contact_form .abform_area .abinput_group {
    margin-bottom: 20px;
    width: 49.1%;
    position: relative;
    height: 50px;
    background: #fff;
}

.contact_form .abform_area .abinput_group.msg {
    width: 100%;
    clear: both;
    height: 150px;
    margin-bottom: 40px;
}

.contact_form .abform_area .abinput_group > input {
    border: medium none;
    height: 100%;
    padding: 10px 22px;
    width: 100%;
    background: none;
}

.contact_form .abform_area .abinput_group > textarea {
    border: none;
    resize: none;
    width: 100%;
    padding: 10px 22px;
    margin-bottom: 0;
    height: 100%;
    background: none;
}

.contact_form .abform_area button {
    border: none;
    height: 50px;
}

.contact_form2 {
    background: url(images/contact_bg.jpg) no-repeat center center / cover;
    padding: 120px 0 130px;
}

.contact_form2 .overlay {
    background: rgba(45, 37, 93, 0.9);
}

.contact_form2 .abform_area .abinput_group:nth-child(even) {
    margin-left: 20px;
}

.contact_form2 .abform_area .abinput_group > textarea,
.contact_form2 .abform_area .abinput_group > input {
    color: #fff;
    border: 1px solid #524c90;
}

.contact_form2 .abform_area .abinput_group > textarea:focus,
.contact_form2 .abform_area .abinput_group > input:focus {
    border-color: #26356e;
}

.contact_form2 .abform_area button {
    background: #26356e;
    border-radius: 50px;
    display: block;
    height: 50px;
    letter-spacing: 1px;
    margin: 0 auto;
    min-width: 200px;
    text-align: center;
}

.contact_form2 .abform_area button:hover {
    background: #18b0db;
}

.contact_form2 .abform_area .abinput_group {
    background: none;
}

.place_color::-webkit-input-placeholder {
    color: #cccccc;
}

.place_color:-moz-placeholder {
    color: #cccccc;
    opacity: 1;
}

.place_color::-moz-placeholder {
    color: #cccccc;
    opacity: 1;
}

.place_color:-ms-input-placeholder {
    color: #cccccc;
}


/*----------1.13 start footer section ------------*/
/*------slim footer------*/
.slim_footer1 {
    padding: 30px 0;
}

.slim_footer1 .social_connect > li {
    position: relative;
}

.slim_footer1 .social_connect > li:last-child::after,
.slim_footer1 .social_connect > li:first-child::before {
    background: #dcdcdc;
    content: "";
    height: 1px;
    position: absolute;
    top: 13px;
    width: 40px;
}

.slim_footer1 .social_connect > li:first-child::before {
    left: -50px;
}

.slim_footer1 .social_connect > li:last-child::after {
    right: -50px;
}

.slim_footer1 .social_connect li a {
    color: #666666;
    display: block;
    font-size: 18px;
    margin: 0 7px;
}

.slim_footer1 .social_connect li a:hover {
    color: #26356e;
}

.slim_footer1 .copyright {
    color: #878787;
}

.slim_footer1 .copyright a:hover {
    color: #26356e;
}

/*-----------------------------01. end home page-1 style---------------------*/


/*---------------------------- 02. start Home page-2 style ------------------------------------*/
.homePage2 header.header_v11 {
    background: transparent;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    padding-top: 5px;
}

.homePage2 header.header_v11.sticky {
    background: #1c2a36;
    position: fixed;
    top: -42px;
}

.homePage2 .header_v11 .topbar_left > ul > li {
    border-right-color: #767674;
}

.homePage2 .header_v11 .topbar_left ul li a i {
    color: #fff;
}

.homePage2 .header_v11 .topbar_left .current::before {
    color: #fff;
}

.homePage2 .header_v11 .stuck_menu .menuzord-menu > li > a {
    color: #fff;
}

.homePage2 .header_v11 .getqut {
    border-color: #fff;
    color: #fff;
    border-radius: 50px;
}

.homePage2 .header_v11 .getqut:hover {
    background: #fff;
    border-color: #fff;
    color: #26356e;
}

.homePage2 .header_v11 .stuck_menu .menuzord-menu > li.active > a,
.homePage2 .header_v11 .stuck_menu .menuzord-menu > li > a:hover {
    color: #5276c9;
}

.homePage2 .header_v11 .stuck_menu .menuzord-menu ul.dropdown,
.homePage2 .header_v11 .stuck_menu .menuzord-menu ul.dropdown li ul.dropdown {
    background: #23313d;
}

.homePage2 .header_v11 .stuck_menu .menuzord-menu ul.dropdown li a,
.homePage2 .header_v11 .stuck_menu .menuzord-menu ul.dropdown li ul.dropdown li a {
    color: #fff;
}

.homePage2 .header_v11 .stuck_menu .menuzord-menu ul.dropdown li a:hover,
.homePage2 .header_v11 .stuck_menu .menuzord-menu ul.dropdown li ul.dropdown li a:hover {
    background: #1c2a36;
}


/*--home page2 banner--*/
.banner_section2 {
    background: url(images/banner2_bg.jpg) no-repeat fixed center center / cover;
}

.banner_section2 .banner_content {
    height: 100vh;
    position: relative;
    z-index: 0;
}

.banner_section2 .overlay {
    background: rgba(0, 0, 0, 0.6);
}

.banner_section2 .banner_content h5 {
    margin-top: 100px;
}

.banner_section2 .banner_content h1 {
    width: 100%;
}

.banner_section2 .banner_content a.get_free {
    background: #5276c9;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 56px;
    line-height: 58px;
    min-width: 246px;
    padding: 0 20px;
    text-align: center;
}

.banner_section2 .banner_content a.get_free i {
    display: inline-block;
    font-size: 30px;
    line-height: normal;
    margin-left: 10px;
    position: relative;
    top: 5px;
}

/*------home page-2 about us-----*/
.video2 {
    padding: 130px 0 245px;
}

.video2 .video_text > h2 {
    max-width: 480px;
    width: 100%;
}

.video2 .video_text > h2:before {
    background: #8f8f8f;
    bottom: 19px;
    content: "";
    height: 1px;
    position: absolute;
    right: 15px;
    width: 150px;
}

.video2 .video_text > a.readmore {
    color: #2e2e2e;
}

.video2 .video_text > a.readmore:hover {
    color: #5276c9;
}

.video2 .video_text > a.readmore:before {
    background: #8f8f8f;
    bottom: 12px;
    content: "";
    height: 1px;
    position: absolute;
    right: -38px;
    width: 25px;
}

.video2 .video_text > a.readmore:hover:before {
    background: #5276c9;
}

.video2 .video_content img {
    width: 100%;
}

.video2 .video_content .overlay {
    background: rgba(0, 0, 0, 0.6);
}

.video2 .video_content > a.venobox {
    color: #fff;
    border: 2px solid #fff;
    font-size: 22px;
    height: 60px;
    left: 50%;
    padding: 15px 22px;
    position: absolute;
    top: 50%;
    width: 60px;
    transform: translate(-50%, -50%);
}

.video2 .video_content > a.venobox:hover {
    background: #fff;
    color: #5276c9;
}


/*--------home page-2 fun facts----*/
.fun_facts.facts4 {
    margin-top: -118px;
}

.facts4 .facts_common {
    border: 1px solid #ededed;
}

.facts4 .facts_common i {
    color: #5276c9;
    display: inline-block;
    font-size: 45px;
    line-height: normal;
    margin-bottom: 15px;
}

.facts4 .facts_common span.line {
    height: 2px;
    width: 50px;
    background: #e5e5e5;
    margin: 10px auto 15px;
}

/*------service secion-------*/
.homePage2 .service_section {
    padding-top: 120px;
    padding-bottom: 130px;
}

.homePage2 .service_section .single_service {
    border-right: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    float: left;
    padding: 28px 15px;
    width: 25%;
}

.homePage2 .service_section .single_service:nth-child(4),
.homePage2 .service_section .single_service:nth-child(3),
.homePage2 .service_section .single_service:nth-child(2),
.homePage2 .service_section .single_service:nth-child(1) {
    border-top: none;
}

.homePage2 .service_section .single_service:nth-child(4n+4) {
    border-right: none;
}

.homePage2 .service_section .single_service > i {
    align-items: center;
    background: #f6f6f6;
    border-radius: 100%;
    color: #5276c9;
    display: flex;
    flex-flow: column nowrap;
    font-size: 36px;
    height: 80px;
    justify-content: center;
    line-height: normal;
    width: 80px;
}

.homePage2 .service_section .single_service:hover {
    background: #5276c9;
}

.homePage2 .service_section .single_service h5 a {
    color: #222;
    font-weight: 500;
}

.homePage2 .service_section .single_service:hover > i {
    background: #fff;
}

.homePage2 .service_section .single_service:hover p,
.homePage2 .service_section .single_service:hover h5 a {
    color: #fff;
}

.homePage2 .service_section .single_service h5 a:hover {
    opacity: 0.8;
}


/*----------------1.3 start Free consultation section------------------*/
.free_consult_section {
    padding: 130px 0;
    background: url(images/free_consult_bg.jpg) no-repeat fixed center center / cover;
}

.free_consult_section .overlay {
    background: rgba(22, 44, 65, 0.9);
}

.free_consult_section .content {
    align-items: flex-start;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
}

.free_consult_section .content h2,
.free_consult_section .content h4 {
    width: 100%;
}

.free_consult_section .content h5 {
    padding-left: 55px;
}

.free_consult_section .content h5:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    background: #fff;
    height: 1px;
    width: 40px;
}

.free_consult_section .content .line {
    height: 3px;
    margin-bottom: 38px;
    margin-top: 25px;
    width: 100px;
}

/*----form style----*/
.free_consult_section form {
    background: #1c2a36;
    border-top: 3px solid #5276c9;
    box-shadow: 0 13px 34px rgba(0, 0, 0, 0.09);
    padding: 57px 40px;
}

.free_consult_section form .group {
    margin-bottom: 23px;
}

.free_consult_section form label {
    color: #555555;
    display: block;
    margin-bottom: 12px;
    font-family: montserrat;
    font-weight: 500;
}

.free_consult_section form input {
    background: none;
    width: 100%;
    height: 48px;
    border: 1px solid #263847;
    padding: 5px 15px;
    color: #718da4;
    border-radius: 3px;
}

.free_consult_section form .nice-select {
    background: none;
    border-radius: 0;
    height: 48px;
    padding-top: 3px;
    text-transform: capitalize;
    color: #555555;
    border-color: #263847;
}

.free_consult_section form .nice-select:active,
.free_consult_section form .nice-select.open,
.free_consult_section form .nice-select:focus {
    border: 1px solid #263847;
}

.free_consult_section form .nice-select::after {
    border-bottom: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    height: 9px;
    margin-top: -6px;
    right: 18px;
    width: 9px;
}

.free_consult_section form .nice-select .list {
    background: #1c2a36;
    border-radius: 0;
    border: 1px solid #263847;
    box-shadow: none;
    margin-top: 4px;
}

.free_consult_section form .nice-select .option {
    line-height: 48px;
    min-height: 48px;
    text-transform: capitalize;
    color: #eee;
}

.free_consult_section form .nice-select .option:hover,
.free_consult_section form .nice-select .option.focus,
.free_consult_section form .nice-select .option.selected.focus {
    background-color: #263847;
}

.free_consult_section form button {
    border: medium none;
    border-radius: 3px;
    font-size: 14px;
    height: 50px;
    padding: 4px 30px 0;
    margin-top: 30px;
    background: #5276c9;
}

.free_consult_section form button:hover {
    background: #053bcc;
}

.free_consult_section form button i {
    font-size: 27px;
    line-height: normal;
    margin-left: 10px;
    vertical-align: middle;
}


/*-------------portfolio section--------------*/
.homePage2 .portfolio_section {
    padding: 120px 0 130px;
    overflow: hidden;
}

.homePage2 .portfolio_section .single_portfolio {
    overflow: hidden;
}

.homePage2 .portfolio_section .single_portfolio img {
    width: 100%;
}

.homePage2 .portfolio_section .single_portfolio .hoverlay {
    background: rgba(0, 0, 0, 0.8);
    padding: 20px 30px 30px;
    position: absolute;
    bottom: -167px;
    width: 100%;
    left: 0;
}

.homePage2 .portfolio_section .single_portfolio:hover .hoverlay {
    bottom: 0px;
}

.homePage2 .portfolio_section .single_portfolio .hoverlay > a {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 37px;
    text-transform: uppercase;
    width: 150px;
}

.homePage2 .portfolio_section .single_portfolio .hoverlay > a:hover {
    background: #fff;
    color: #5276c9;
}

.homePage2 .portfolio_section .owl-dots {
    margin-top: 65px;
    text-align: center;
    width: 100%;
}

.homePage2 .portfolio_section .owl-dot {
    background: #d9d9d9;
    border-radius: 2px;
    display: inline-block;
    height: 5px;
    margin: 0 4px;
    width: 20px;
}

.homePage2 .portfolio_section .owl-dot.active {
    background: #5276c9;
}

/*----home-2 testimonial section---*/
.testimonial_style14 {
    background: url(images/tesimonial2_bg.jpg) no-repeat center center / cover;
    padding-top: 120px;
    padding-bottom: 125px;
}

.testimonial_style14 .overlay {
    background: rgba(22, 33, 44, 0.9);
}

.testimonial_style14 .testimonial-image-slider .slick-track {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    min-height: 110px;
}

.testimonial_style14 .sin-testiImage img {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block !important;
    height: 70px;
    opacity: 0.5;
    width: 70px;
    transition: all 0.5s !important;
}

.testimonial_style14 .sin-testiImage.slick-current img {
    height: 100px;
    opacity: 1;
    width: 100px;
}

.testimonial_style14 .testimonial-image-slider {
    margin: 0 auto;
    max-width: 350px !important;
    width: 100%;
}

.testimonial_style14 .testimonial-image-slider .slick-arrow {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    margin-top: -19px;
    padding: 10px 20px;
    position: absolute;
    top: 50%;
}

.testimonial_style14 .testimonial-image-slider .slick-arrow:hover {
    color: #5276c9;
}

.testimonial_style14 .testimonial-image-slider .slick-arrow.fa-long-arrow-left {
    left: -55px;
}

.testimonial_style14 .testimonial-image-slider .slick-arrow.fa-long-arrow-right {
    right: -55px;
}

/*---blog---*/
.homePage2 .blog_post9 .img_area .date {
    background: #222222;
}


/*-----client logo-----*/
.client_logo .logo_wrapper img {
    width: auto;
    margin: 0 auto;
}

.homePage2 .client_style3 {
    padding-bottom: 130px;
}

.logo_carousel3 li {
    border: 1px solid #f2f2f2;
}

.logo_carousel3 li a {
    padding: 20px;
}

.logo_carousel3 .owl-prev,
.logo_carousel3 .owl-next {
    background: #f2f2f2;
    color: #333;
    display: inline-block;
    font-size: 30px;
    height: 40px;
    margin-top: -20px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    opacity: 0;
    visibility: hidden;
}

.logo_carousel3 .owl-prev {
    left: 20px;
}

.logo_carousel3 .owl-next {
    right: 20px;
}

.logo_carousel3 .owl-prev:hover,
.logo_carousel3 .owl-next:hover {
    background: #5276c9;
    color: #fff;
}

.logo_carousel3:hover .owl-prev,
.logo_carousel3:hover .owl-next {
    opacity: 1;
    visibility: visible;
}


/*---------home page-2 footer section---------*/
footer .single_widget .widget_title {
    display: inline-block;
    font-weight: 600;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;
}

footer .single_widget .social_connect li a {
    color: #606060;
    font-size: 18px;
    padding: 2px 5px;
}

footer .single_widget .social_connect li a:hover {
    color: #1960ED;
}

footer .single_widget .quick_link li a {
    line-height: 33px;
    display: inline-block;
    color: #666666;
    font-size: 15px;
    line-height: 33px;
}

footer .twitter_post .single_tweet {
    border-bottom: 1px solid #ececec;
    padding: 12px 0;
}

footer .twitter_post .single_tweet:first-child {
    padding-top: 0;
}

footer .twitter_post .single_tweet:last-child {
    border-bottom: none;
}

footer .twitter_post .single_tweet .tweet_img {
    background: #fff;
    border: 1px solid #ddd;
    height: 60px;
    width: 60px;
}

footer .single_tweet .twitter_text li a {
    line-height: 19px;
    margin-top: -5px;
    color: #666666;
    display: block;
    font-size: 15px;
}

footer .single_widget .quick_link li a:hover,
footer .single_tweet .twitter_text li a:hover {
    color: #3991e4 !important;
    text-decoration: underline;
}

footer .twitter_post .single_tweet .post_time {
    color: #727a81;
    font-size: 12px;
    margin-top: 5px;
}

footer .twitter_post .post_time .date {
    color: #5276c9;
    font-style: italic;
}

footer .twitter_post .single_tweet .post_time i {
    color: #aeaeae;
    font-size: 15px;
    margin-right: 6px;
    vertical-align: middle;
}

footer .single_widget .contact_address p {
    margin-bottom: 7px;
    padding-left: 35px;
    font-size: 14px;
    line-height: 25px;
}

footer .single_widget .contact_address p.address {
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
}

footer .single_widget .contact_address p i {
    left: 0;
    position: absolute;
    top: 0;
    font-size: 18px;
}

/*------home page-2 footer----*/
.footer2 {
    background: #f8f8f8;
    padding-top: 120px;
    padding-bottom: 110px;
}

.footer2 .single_widget .widget_title:after {
    border-bottom: 13px solid #5276c9;
    border-left: 13px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -22px;
    top: 10px;
    width: 0;
}

.footer2 .footer_widget_area {
    margin: 0 auto;
    max-width: 1340px;
    width: 100%;
}

.footer2 .single_widget .newsletter input {
    background: #fff;
    height: 40px;
    padding: 5px 14px;
    width: 100%;
    border: none;
    color: #333;
}

.footer2 .single_widget .newsletter button {
    background: #5276c9;
    border: medium none;
    font-size: 15px;
    height: 40px;
    padding: 5px 35px;
}

.footer2 .single_widget .newsletter button:hover {
    background: #666666;
}

.home2_main_footer {
    background: #eeeeee;
    padding: 28px 0;
}

.home2_main_footer .copyright a {
    color: #3991e4;
    font-weight: 700;
}

.home2_main_footer .copyright a:hover {
    text-decoration: underline;
}

.home2_main_footer .social_link li a {
    font-size: 15px;
    margin-left: 9px;
    padding: 2px;
    color: #606060;
}

.home2_main_footer .social_link li a:hover {
    color: #5276c9;
}

/*---------------------------- 02. end Home page-2 style ------------------------------------*/


/*---------------------------- 03. start Home page-3 style ------------------------------------*/
/*---header section---*/
.header_v11.home3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
    padding: 0 100px;
}

.header_v11.home3 .menuzord-menu {
    margin: 0 0 0 250px;
}

.header_v11.home3 .getqut {
    border-color: #fff;
    color: #fff;
}

.header_v11.home3 .getqut:hover {
    border-color: #10d5ad;
    background: #10d5ad;
}

.header_v11.home3 .stuck_menu .menuzord-menu > li.active > a,
.header_v11.home3 .stuck_menu .menuzord-menu > li > a:hover {
    color: #10d5ad;
}

/*-------slider section--------*/
.home_slider > .slider_social {
    bottom: 90px;
    left: 120px;
    position: absolute;
    z-index: 1;
}

.home_slider > .slider_social a {
    border: 1px solid #ededed;
    color: #666;
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-right: 5px;
    text-align: center;
    width: 38px;
}

.home_slider > .slider_social a:hover {
    border-color: #00ffcb;
    background: #00ffcb;
    color: #222;
}

.home_slider .Modern-Slider .img-fill .overlay {
    background: rgba(0, 0, 0, 0.4);
}

.home_slider .Modern-Slider .img-fill > .img_area {
    height: 100%;
    width: 100%;
}

.home_slider .Modern-Slider .img-fill .slider_img1 {
    background: url(images/slider_img/slider_img1.jpg) no-repeat top right / cover;
}

.home_slider .Modern-Slider .img-fill .slider_img2 {
    background: url(images/slider_img/slider_img2.jpg) no-repeat top right / cover;
}

.home_slider .Modern-Slider .img-fill .slider_img3 {
    background: url(images/slider_img/slider_img3.jpg) no-repeat top right / cover;
}

.home_slider .Modern-Slider .item .img-fill .info {
    padding: 0 15px 0 100px;
    background: url(images/slider_img/slider_shape.png) no-repeat left top / 100% 105%;
}

.home_slider .Modern-Slider .item .info h5 {
    color: #69ffe0;
}

.home_slider .Modern-Slider .item .info h3 {
    max-width: 920px;
    width: 100%;
    line-height: 80px;
    font-weight: 600;
    padding-top: 25px;
    padding-bottom: 85px;
}

.home_slider .Modern-Slider .item .info a.get_free {
    background: #10d5ad;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 56px;
    line-height: 56px;
    min-width: 246px;
    padding: 0 20px;
    text-align: center;
}

.home_slider .Modern-Slider .item .info a.get_free i {
    display: inline-block;
    font-size: 30px;
    line-height: 53px;
    margin-left: 10px;
    vertical-align: middle;
}

.home_slider .Modern-Slider .item .info a.get_free:hover {
    box-shadow: none;
}

.home_slider .Modern-Slider ul.slick-dots {
    bottom: 90px;
    left: 35%;
    position: absolute;
}

.home_slider .Modern-Slider .slick-dots li {
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 0;
    position: relative;
}

.home_slider .Modern-Slider .slick-dots li:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    background: #6e6e6e;
    height: 1px;
}

.home_slider .Modern-Slider .slick-dots li:last-child {
    margin-bottom: 0;
}

.home_slider .Modern-Slider .slick-dots li.slick-active:before {
    width: 100%;
}

.home_slider .Modern-Slider .slick-dots li button {
    background: rgba(0, 0, 0, 0) none;
    border: medium none;
    color: #c1c1c1;
    display: block;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
}

.home_slider .Modern-Slider .slick-dots li.slick-active button {
    color: #6e6e6e;
}

/*----------slider caption transition---------*/
/*---out transition----*/
.home_slider .Modern-Slider .item h5 {
    -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
}

.home_slider .Modern-Slider .item h3 {
    -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
}

.home_slider .Modern-Slider .item a {
    -webkit-animation: fadeOutUp 1s both;
    animation: fadeOutUp 1s both;
}

/*---in transition----*/
.home_slider .Modern-Slider .item.slick-active h5 {
    -webkit-animation: fadeInUp 1.1s both 0s;
    animation: fadeInUp 1.1s both 0s;
}

.home_slider .Modern-Slider .item.slick-active h3 {
    -webkit-animation: fadeInUp 1s both 0.5s;
    animation: fadeInUp 1s both 0.5s;
}

.home_slider .Modern-Slider .item.slick-active a.get_free {
    -webkit-animation: fadeInUp 1s both 0.8s;
    animation: fadeInUp 1s both 0.8s;
}


/*-------free consultation-----------*/
.free_consultv1 {
    padding: 120px 0;
    background: #00ffcb;
}

.free_consultv1 .content h3 {
    font-size: 26px;
}

.free_consultv1 .content .line {
    height: 3px;
    margin-bottom: 38px;
    margin-top: 25px;
    width: 100px;
}

/*----form style----*/
.free_consultv1 form {
    box-shadow: 0 13px 34px rgba(30, 95, 82, 0.38);
    padding: 72px 35px;
    background: #fff;
    margin-top: -220px;
}

.free_consultv1 form .group {
    margin-bottom: 23px;
}

.free_consultv1 form label {
    color: #555555;
    display: block;
    margin-bottom: 12px;
    font-family: montserrat;
    font-weight: 500;
}

.free_consultv1 form input {
    width: 100%;
    height: 48px;
    border: 1px solid #f0f0f0;
    padding: 5px 15px;
    color: #555555;
}

.free_consultv1 form .nice-select {
    border-radius: 0;
    height: 48px;
    padding-top: 3px;
    text-transform: capitalize;
    color: #555555;
    border-color: #f0f0f0;
}

.free_consultv1 form .nice-select:active,
.free_consultv1 form .nice-select.open,
.free_consultv1 form .nice-select:focus {
    border: 1px solid #f0f0f0;
}

.free_consultv1 form .nice-select::after {
    border-bottom: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    height: 9px;
    margin-top: -6px;
    right: 18px;
    width: 9px;
}

.free_consultv1 form .nice-select .list {
    border-radius: 0;
    border: 1px solid #f0f0f0;
    box-shadow: none;
    margin-top: 4px;
}

.free_consultv1 form .nice-select .option {
    line-height: 48px;
    min-height: 48px;
    text-transform: capitalize;
}

.free_consultv1 form button {
    border: medium none;
    border-radius: 3px;
    font-size: 14px;
    height: 50px;
    padding: 4px 30px 0;
    margin-top: 30px;
    background: #81399e;
}

.free_consultv1 form button:hover {
    background: #00ffcb;
    color: #222;
}

.free_consultv1 form button i {
    font-size: 27px;
    line-height: normal;
    margin-left: 10px;
    vertical-align: middle;
}


/*----------home page-3 service section-------------*/
.welcome9 {
    background: #fafafa;
    padding-top: 122px;
    padding-bottom: 84px;
}

.welcome9 .intro_common .intro_text,
.welcome9 .intro_common .intro_hedding {
    position: relative;
    z-index: 1;
}

.welcome9 .intro_hedding span i {
    color: #51dba5;
    font-size: 40px;
}

.welcome9 .intro_common .intro_count {
    color: #f4f4f4;
    font-size: 150px;
    left: 0;
    line-height: 114px;
    position: absolute;
    top: 0px;
}

.welcome9 .intro_common .intro_hedding h5:hover a {
    color: #51dba5;
}


/*---------home page-3 about section----------*/
.about_section.home3 {
    padding-bottom: 130px;
}

.about_section.home3 .content .moreDetails {
    background: #00ffcb;
    border-radius: 0;
    box-shadow: 0 11px 28px rgba(0, 0, 0, 0.1);
    color: #363636;
}

.about_section.home3 .content .moreDetails:hover {
    background: #00ffcb;
    box-shadow: none;
}

.about_section.home3 .content_wrapper .img_area img {
    border: medium none;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.1);
    padding: 0;
}

/*--------home page-3 portfolio seciton -----------*/
.portfoliov3 {
    padding-top: 120px;
    padding-bottom: 130px;
    background: url(images/home3_portfolio_bg.jpg) no-repeat center center / cover;
}

.portfoliov3 .overlay {
    background: rgba(70, 30, 85, 0.9);
}

.portfoliov3 .portfolio3_wrapper .portfolio_img,
.portfoliov3 .portfolio3_wrapper .portfolio_txt {
    width: 50%;
}

.portfoliov3 .portfolio3_wrapper .portfolio_img,
.portfoliov3 .portfolio3_wrapper .portfolio_txt {
    width: 50%;
}

.portfoliov3 .portfolio3_wrapper .portfolio_txt {
    margin-right: -80px;
    z-index: 1;
    position: relative;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.1);
}

.portfoliov3 .portfolio3_wrapper .single_txt_block {
    padding: 75px 70px 85px;
    background: #fff;
}

.portfoliov3 .single_txt_block span {
    border-bottom: 1px solid #00ffcb;
}

.portfoliov3 .single_txt_block .readmore {
    border: 2px solid #00ffcb;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    height: 50px;
    line-height: 48px;
    min-width: 160px;
    padding: 0 15px;
    color: #000;
    text-align: center;
    margin-top: 35px;
    text-transform: uppercase;
}

.portfoliov3 .single_txt_block .readmore:hover {
    background: #00ffcb;
}

.portfoliov3 .portfolio3_wrapper .slick-dots {
    bottom: -54px;
    position: absolute;
    right: 140px;
}

.portfoliov3 .portfolio3_wrapper .slick-dots > li {
    background: #d9d9d9;
    display: inline-block;
    height: 5px;
    margin: 0 4px;
    width: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.portfoliov3 .portfolio3_wrapper .slick-dots > li.slick-active {
    background: #00ffcb;
}

.portfoliov3 .portfolio3_wrapper .slick-dots > li button {
    display: none;
}


/*-----------company statistic section-----------*/
.statistic_section {
    padding: 120px 0;
}

.statistic_section .content .report > li {
    font-size: 20px;
    font-weight: 600;
    margin-right: 70px;
}

.statistic_section .content .report > li:last-child {
    margin-right: 0;
}

.statistic_section .content .report > li.sell {
    color: #00ffcb;
}

.statistic_section .content .report > li.profit {
    color: #b24fd9;
}


/*---------------skill section----------------*/
.skill_section {
    background: url(images/skill_bg.jpg) no-repeat center center / cover;
    padding-bottom: 230px;
    padding-top: 120px;
}

.skill_section .overlay {
    background: rgba(48, 25, 57, 0.9);
}

/*-----------progresbar----------*/
.skill_section .skill-progress .progress-title-holder {
    position: relative;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.skill_section .skill-progress .progress-wrapper {
    width: 100%;
    z-index: 10;
}

.skill_section .skill-progress .progress-mark {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.skill_section .skill-progress .progress-outter {
    background-color: #e5e5e5;
}

.skill_section .skill-progress .progress-content {
    width: 0%;
    background: #474d53;
}

.skill_section .skill-progress .progress-content,
.skill_section .skill-progress .progress-outter {
    height: 20px;
}

.skill_section .style5 .progress-content,
.skill_section .style5 .progress-outter {
    height: 2px;
}

.skill_section .style5 .progress-content {
    background: #00e2b4;
}

.skill_section .skill-progress.style5 {
    padding-right: 40px;
}

.skill_section .style5 .skill-bar {
    margin-bottom: 24px;
}

.skill_section .style5 .skill-bar:last-child {
    margin-bottom: 0px;
}

.skill_section .style5 .progress-mark {
    bottom: 10px;
}

.skill_section .style5 .percent {
    background: #00e2b4;
    color: #222;
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    padding: 6px 10px 3px;
    position: relative;
}

.skill_section .style5 .percent:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #00e2b4;
    bottom: -6px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    margin-left: -5px;
}

/*--------counter section------*/
.facts2 {
    margin-top: -115px;
}

.facts2 .extra_border {
    border: 1px solid #f7f7f7;
    padding: 20px;
    background: #fff;
}

.facts2 .facts_common i {
    font-size: 45px;
    line-height: normal;
    color: #10d5ad;
    margin-bottom: 6px;
    display: inline-block;
}


/*---------team section----------*/
.team_common .member_info > a {
    color: #222;
    font-size: 17px;
    line-height: 26px;
}

.team_common .member_info span {
    color: #363636;
    font-size: 13px;
}

.team_common .member_img img {
    width: 100%;
}

.team_style6 {
    padding: 120px 0 130px;
}

.team_style6 .team_common .member_img {
    border: 1px solid #f1f1f1;
    max-width: 270px;
    width: 100%;
}

.team_style6 .team_common .member_info {
    background: #fff;
    box-shadow: 0 1px 10px rgba(45, 45, 45, 0.08);
    padding: 40px 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 295px;
}

.team_style6 .team_common:hover .member_info {
    background: #10d5ad;
}

.team_style6 .member_info a.mobile_number {
    color: #0fba97;
    font-size: 14px;
}

.team_style6 .member_info .line {
    background: #0fba97;
    height: 1px;
    margin-bottom: 12px;
    margin-top: 12px;
    width: 30px;
}

.team_style6 .member_info .social_contact {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team_style6 .member_info .social_contact a {
    color: #606060;
    display: block;
    height: 30px;
    text-align: center;
    width: 30px;
}

.team_style6 .team_common:hover .member_info span,
.team_style6 .team_common:hover .member_info a {
    color: #fff;
}

.team_style6 .team_common:hover .member_info a:hover {
    color: #171718;
}

.team_style6 .team_common:hover .member_info .line {
    background: #fff;
}

.team_style6 .owl-prev,
.team_style6 .owl-next {
    display: inline-block;
    font-size: 20px;
    height: 30px;
    margin: 0 5px;
    padding: 3px;
    color: #676767;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}

.team_style6 .owl-prev {
    left: -50px;
}

.team_style6 .owl-next {
    right: -50px;
}

.team_style6 .owl-prev:hover,
.team_style6 .owl-next:hover {
    background: #0FBA97;
    color: #fff;
    border-radius: 3px;
}

/*--------testimonial section---------*/
.testimonial_style3 {
    background: url(images/home3_testimonial_bg.jpg) no-repeat center center / cover;
    padding: 120px 0;
}

.testimonial_style3 .overlay {
    background: rgba(48, 25, 57, 0.7);
}

.testimonial_style3 .author_img {
    border: 1px solid #eeeeee;
    width: 100px;
    height: 100px;
    margin: 0 30px;
}

.testimonial_style3 .author_img img {
    width: 100%;
}

.testimonial_style3 p.author_comment {
    font-style: italic;
}

.testimonial_style3 .owl-next,
.testimonial_style3 .owl-prev {
    font-size: 20px;
    display: inline-block;
    padding: 2px 7px;
    position: absolute;
    top: 37px;
    color: #0fba97;
}

.testimonial_style3 .owl-next {
    right: 125px;
}

.testimonial_style3 .owl-prev {
    left: 125px;
}


/*-------home page-3 blog section----------*/
.blog_post6 {
    padding-top: 120px;
    padding-bottom: 130px;
}

.blog_post6 .single_blog_post .blog_content a {
    color: #333;
    font-weight: 500;
}

.blog_post6 .single_blog_post .img_area {
    border-radius: 5px 5px 0px 0px;
}

.blog_post6 .single_blog_post .img_area .date {
    background: #10d5ad;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    left: 50%;
    line-height: 18px;
    padding: 5px 20px;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.blog_post6 .single_blog_post .blog_content {
    border: 1px solid #eee;
    border-top: 0;
    padding: 31px 20px 35px;
}

.blog_post6 .single_blog_post .blog_content a:hover {
    color: #5276c9;
}

.blog_post6 .single_blog_post .post_author {
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px;
    padding: 15px 30px;
    border-top: none;
    text-align: center;
    width: 100%;
}

.blog_post6 .post_author li {
    padding: 0 15px;
    position: relative;
}

.blog_post6 .post_author li:first-child {
    padding-left: 0;
}

.blog_post6 .post_author li:last-child {
    padding-right: 0;
}

.blog_post6 .post_author li.author:after {
    background: #888 none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    right: -2px;
    top: 11px;
    width: 1px;
}

.blog_post6 .post_author li img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
}


/*--------------home page-3 footer section---------*/
.footerv3 {
    background: #f8f8f8;
}

.footerv3 .fcontent_wrapper {
    height: 180px;
}

.footerv3 .copyright {
    color: #666;
    margin-top: 5px;
}

.footerv3 .copyright a {
    color: #0fba97;
    text-decoration: underline;
}

.footerv3 .copyright a:hover {
    text-decoration: none;
}

.footerv3 .subscribe {
    align-items: center;
    border-bottom: 1px solid #969aa1;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    width: 490px;
}

.footerv3 .subscribe input {
    background: none;
    border: medium none;
    color: #969aa1;
    float: right;
    margin-bottom: 0;
    padding-left: 0;
    width: 77%;
    height: 40px;
}

.footerv3 .footer_right .subscribe button {
    background: none;
    border: medium none;
    color: #002222;
    cursor: pointer;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: normal;
    text-transform: uppercase;
    width: 110px;
    opacity: 0.7;
    height: 40px;
}

.footerv3 .footer_right .subscribe button:hover {
    opacity: 1;
}

.footerv3 .footer_right .subscribe button i {
    font-size: 17px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.footerv3 .footer_right .social_contact {
    margin-top: 22px;
    text-align: right;
    width: 100%;
}

.footerv3 .footer_right .social_contact a {
    color: #666666;
    font-size: 17px;
    margin-left: 10px;
    padding: 0 7px;
}

.footerv3 .footer_right .social_contact a:hover {
    color: #0fba97;
}

.footerv3 .footer_right .social_contact li:last-child a {
    padding-left: 0;
}

.footerv3 .footer_right .social_contact li:first-child a {
    margin-left: 0;
}

/*---------------------------- 03. end Home page-3 style ------------------------------------*/


/*---------------------------- 04. start about us page style ------------------------------------*/
.about_section.aboutpg .content .moreDetails {
    background: #5276c9;
}

.about_section.aboutpg .content .moreDetails:hover {
    background: #26356e;
}

/*---mission---*/
.about_mission {
    padding-top: 110px;
    padding-bottom: 130px;
}

.about_mission .single_mission {
    padding: 33px 20px;
}

.about_mission .single_mission i {
    color: #1960ed;
    font-size: 52px;
    line-height: normal;
}


/*-------about us full width----*/
.about_section_full {
    background: #fafafa;
}

.about_section_full .content_wrapper .content,
.about_section_full .content_wrapper .img_area {
    width: 50%;
}

.about_section_full .content_wrapper .img_area img {
    width: 100%;
}

.about_section_full .content_wrapper .content {
    padding-right: 40px;
    padding-left: 40px;
    max-width: 880px;
}

.about_section_full .content_wrapper .content h3.title_36 {
    max-width: 580px;
    width: 100%;
}

.about_section_full .content_wrapper .content h6.title_20 {
    max-width: 550px;
    width: 100%;
}

.about_section_full .content .moreDetails {
    background: #333;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 53px;
    padding: 0 20px;
}

.about_section_full .content .moreDetails:hover {
    background: #5276c9;
}

.about_section_full .content .moreDetails i {
    font-size: 25px;
    margin-left: 10px;
    vertical-align: middle;
}

/*----team seciton----*/
.team_style11 {
    padding-top: 120px;
    padding-bottom: 130px;
}

.team_style11 .team_common {
    border: 1px solid #f1f1f1;
    background: #ffffff;
    padding: 25px 30px;
}

.team_style11 .member_img {
    border: 1px solid #f1f1f1;
    border-radius: 100%;
    height: 130px;
    width: 130px;
}

.team_style11 .member_img img {
    border-radius: 100%;
}

.team_style11 .team_common .member_info {
    padding: 30px 0px 0px;
}

.team_style11 .member_info .line {
    background: #09a5cc;
    height: 1px;
    margin: 12px 0;
    width: 25px;
}

.team_style11 .team_common:hover .member_info .line {
    width: 50px;
}

.team_style11 .member_info a.mobile_number {
    color: #09a5cc;
    font-size: 14px;
}

.team_style11 .member_info .social_contact li {
    display: inline-block;
}

.team_style11 .member_info .social_contact a {
    color: #606060;
    display: inline-block;
    padding: 7px;
    text-align: center;
}

.team_style11 .member_info .social_contact li:first-child a {
    padding-left: 0;
}

.team_style11 .team_common .member_info a:hover {
    color: #09a5cc;
}

/*---------------------------- 04. start about us page style ------------------------------------*/


/*---------------------------- 05. start service page style ------------------------------------*/
.breadcrumbs_section {
    background: url(images/login.jpeg) no-repeat;
    background-size: cover;
}

.breadcrumbs_section .breadcrubms_content {
    height: 300px;
}

.breadcrumbs_section .overlay {
    background: rgba(17, 22, 33, 0.5);
}


.servicePg .primary_service {
    background: #fafafa;
}

.servicePg .primary_service .single_service .service_content {
    background: rgba(0, 98, 191, 1);
}

.servicePg .primary_service .single_service:hover .service_content {
    background: rgba(0, 98, 191, 0.95);
}

/*---service idea---*/
.service_idea .content {
    padding: 0 35px;
}

.service_idea .content h5 {
    padding: 40px 50px 75px;
}

.service_idea .single_idea {
    border: 1px solid #f2f2f2;
    padding: 30px;
}

/*----------Pricing Table Style-----------*/
.pricingTbl_common .single_tbl .tbl_body li.dactive_color {
    color: #c8c8ca;
}

.pricingTbl3 .single_tbl .tbl_btn {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-top: 45px;
    width: 180px;
    text-transform: uppercase;
    position: relative;
    font-size: 18px;
    background: #232731;
    color: #fff;
    margin-top: 33px;
    border-radius: 3px;
}

.pricingTbl3 {
    background: #f2f2f2;
}

.pricingTbl3 .section_title h2 {
    max-width: 600px;
    width: 100%;
}

.pricingTbl3 .single_tbl {
    border: 1px solid #fff;
    padding-bottom: 60px;
    overflow: hidden;
}

.pricingTbl3 .single_tbl.popular {
    border-top: medium none;
    box-shadow: 0 5px 0 0 #2e64f5 inset;
}

.pricingTbl3 .single_tbl.popular .best {
    background: #2e64f5;
    color: #fff;
    display: block;
    font-weight: 700;
    position: absolute;
    right: -40px;
    top: 28px;
    transform: rotate(44deg);
    width: 160px;
    padding: 3px;
}

.pricingTbl3 .tbl_header > h3 {
    color: #232731;
    font-weight: 500;
}

.pricingTbl3 .tbl_header {
    padding: 50px 0;
}

.pricingTbl3 .single_tbl .tbl_body li {
    color: #524d5b;
    line-height: 46px;
}

.pricingTbl3 .single_tbl .tbl_body li:nth-child(2n+1) {
    background: #fff;
}

.pricingTbl3 .single_tbl.popular .tbl_btn {
    background: #2e64f5;
}

.pricingTbl3 .single_tbl .tbl_btn:hover {
    background: #2e64f5;
}

/*---------------------------- 05. end service page style ------------------------------------*/


/*---------------------------- 06. start project page style ------------------------------------*/
.projects {
    padding-bottom: 50px;
}

.portfolio_common .portfolio_menu.style3 li span.icon:before {
    display: none;
}

.portfolio_common .portfolio_menu.style3 li span.icon {
    display: none;
}

.portfolio_common .portfolio_menu.style3 li {
    padding: 8px 23px;
    border: 1px solid transparent;
}

.portfolio_common .portfolio_menu.style3 li.is-checked {
    border-color: #000;
}


@media (max-width: 991px) {
    h1, .h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .portfolio_common .portfolio_menu li {
        font-size: 14px;
        padding: 0 17px;
    }

    .portfolio_common .portfolio_menu.style2 li {
        padding: 0;
        margin: 0 18px;
    }

    .portfolio_common .portfolio_menu.style3 li {
        padding: 8px 16px;
    }

}

@media (max-width: 767px) {
    .portfolio_common .portfolio_menu li {
        margin-bottom: 17px;
    }

    .portfolio_common .portfolio_menu.style2 li span.icon {
        display: none;
    }
}

/*----portfolio Outside title style----*/
.portfolio_OT .single_item {
    margin-bottom: 50px;
}

.portfolio_OT .single_item img {
    width: 100%;
}

.portfolio_OT .single_item a {
    display: block;
    overflow: hidden;
}

.portfolio_OT .single_item a:hover img {
    transform: scale(1.1);
}

.portfolio_OT .single_item .title {
    border-bottom: 1px solid #f0f0f0;
}

.portfolio_OT .single_item .title h5 a {
    color: #333333;
    font-weight: 600;
}

.portfolio_OT .single_item .title h5 a:hover {
    color: #5276c9;
}

.portfolio_OT .single_item .title p {
    font-weight: 600;
}

.portfolio_OT .single_item .line {
    background: #f0f0f0;
    height: 1px;
    margin: 0 auto;
    width: 200px;
    -webkit-transform: translateY(38px);
    -ms-transform: translateY(38px);
    -o-transform: translateY(38px);
    transform: translateY(38px);
}

/*---------------masonary style--------------*/
.portfolio_OT.masonary .single_item .line {
    background: #777;
    width: 100px;
    -webkit-transform: translateY(26px);
    -ms-transform: translateY(26px);
    -o-transform: translateY(26px);
    transform: translateY(26px);
}

.portfolio_OT.masonary .single_item:hover .line {
    width: 100%;
}

/*---------------------------- 06. end project page style ------------------------------------*/


/*---------------------------- 07. start project details style ------------------------------------*/
.project_details_page .project_info {
    padding-top: 112px;
}

.project_details_page .project_info .project_wrapper {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 50px;
}

.project_details_page .project_info .project_wrapper .single_item {
    float: left;
    width: 25%;
}

.project_details_page .project_info .project_wrapper .single_item p a {
    color: #666666;
}

.project_details_page .project_info .project_wrapper .single_item p a:hover {
    color: #2e64f5;
}

.project_brief ul {
    list-style: inherit;
    margin-left: 40px;
}

.project_brief h5 {
    padding-bottom: 20px;
    padding-top: 20px;
}
.project_details_page .project_brief {
    padding-top: 50px;
}

.project_details_page .project_brief .details_content2 {
    padding-top: 83px;
}

.project_details_page .project_brief .details_content2 h6 {
    color: #666666;
    font-size: 17px;
    line-height: 28px;
}

.project_details_page .project_brief .project_share ul li a {
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 32px;
    margin-right: 10px;
    line-height: 32px;
    text-align: center;
    width: 32px;
}

.project_details_page .project_brief .project_share ul li:last-child a {
    margin-right: 0;
}

.project_details_page .project_brief .project_share ul li.facebook a {
    background: #4c65a8;
}

.project_details_page .project_brief .project_share ul li.twitter a {
    background: #41a1f6;
}

.project_details_page .project_brief .project_share ul li.g-plus a {
    background: #DC4A38;
}

.project_details_page .project_brief .project_share ul li.instagram a {
    background: #8f6247;
}

.project_details_page .project_brief .project_share ul li.pinterest a {
    background: #ff4c5b;
}

.project_details_page .project_brief .project_share ul li.linkedin a {
    background: #0077B5;
}


.project_details_page .project_showcase {
    padding: 110px 0 90px;
}

.project_details_page .project_showcase .single_project {
    margin-bottom: 30px;
}

/*--------skill section---------*/
.project_details_page .skill_section {
    background: url(images/skill_bg.jpg) no-repeat fixed center center / cover;
}

.project_details_page .skill_section .overlay {
    background: rgba(17, 22, 33, 0.9);
}

/*----progresbar---*/
.project_details_page .skill_section .skill-progress .progress-title-holder {
    position: relative;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.project_details_page .skill_section .skill-progress .progress-wrapper {
    width: 100%;
    z-index: 10;
}

.project_details_page .skill_section .skill-progress .progress-mark {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.project_details_page .skill_section .skill-progress .progress-outter {
    background-color: #e5e5e5;
}

.project_details_page .skill_section .skill-progress .progress-content {
    width: 0%;
    background: #474d53;
}

.project_details_page .skill_section .skill-progress .progress-content,
.project_details_page .skill_section .skill-progress .progress-outter {
    height: 20px;
}

.project_details_page .skill_section .style5 .progress-content,
.project_details_page .skill_section .style5 .progress-outter {
    height: 2px;
}

.project_details_page .skill_section .style5 .progress-content {
    background: #2e64f5;
}

.project_details_page .skill_section .style5 .skill-bar {
    margin-bottom: 24px;
}

.project_details_page .skill_section .style5 .skill-bar:last-child {
    margin-bottom: 0px;
}

.project_details_page .skill_section .style5 .progress-mark {
    bottom: 10px;
}

.project_details_page .skill_section .style5 .percent {
    background: #2e64f5;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    padding: 6px 10px 3px;
    position: relative;
}

.project_details_page .skill_section .style5 .percent:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #2e64f5;
    bottom: -6px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
    margin-left: -5px;
}

.project_details_page .work_process_video {
    padding: 120px 0;
}

.project_details_page .work_process_video .process_content h6 {
    font-size: 17px;
    line-height: 32px;
}

.project_details_page .work_process_video .process_content {
    padding-right: 30px;
}

.project_details_page .work_process_video .process_video .overlay {
    background: rgba(0, 0, 0, 0.6);
}

.project_details_page .work_process_video .process_video a.venobox {
    border: 2px solid #fff;
    color: #fff;
    font-size: 22px;
    height: 60px;
    left: 50%;
    padding: 15px 22px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
}

.project_details_page .work_process_video .process_video a.venobox:hover {
    background: #fff;
    color: #1e64f4;
}


.project_details_page .blockquote_section {
    background: #f8f8f8;
    margin-bottom: 120px;
}

.project_details_page .blockquote_section .blockquote_img_area {
    width: 45%;
}

.project_details_page .blockquote_section .blockquote_content {
    width: 55%;
    padding-left: 80px;
    max-width: 800px;
    width: 100%;
    padding-right: 20px;
}

.project_details_page .blockquote_section .blockquote_content span {
    margin-top: 40px;
}

.project_details_page .blockquote_section .blockquote_content i {
    color: #1e64f4;
    font-size: 30px;
}

.project_details_page .blockquote_section .blockquote_content .author {
    color: #666666;
    display: inline-block;
    font-size: 15px;
    padding-left: 30px;
    position: relative;
}

.project_details_page .blockquote_section .blockquote_content .author::before {
    background: #666;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 20px;
}

.project_details_page .project_next_prev {
    border-top: 4px double #f2f2f2;
    margin-top: 4px;
    padding-bottom: 122px;
    padding-top: 52px;
}

.project_details_page .project_next_prev .single_direction a {
    display: inline-block;
}

.project_details_page .project_next_prev .single_direction i {
    color: #666;
    font-size: 30px;
    position: absolute;
    top: 0;
}

.project_details_page .project_next_prev .single_direction.prev i {
    left: 0;
}

.project_details_page .project_next_prev .single_direction.next i {
    right: 0;
}

.project_details_page .project_next_prev .single_direction a i,
.project_details_page .project_next_prev .single_direction a span,
.project_details_page .project_next_prev .single_direction a h5 {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project_details_page .project_next_prev .single_direction a:hover i,
.project_details_page .project_next_prev .single_direction a:hover span,
.project_details_page .project_next_prev .single_direction a:hover h5 {
    color: #5276c9;
}

/*---------------------------- 07. end project details style ------------------------------------*/


/*---------------------------- 08. start blog page style ------------------------------------*/
.blog_page {
    padding: 120px 0;
}

.blog_page .single_blog_post .img_area {
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.blog_page .single_blog_post .img_area img {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog_page .single_blog_post:hover .img_area img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}

.blog_page .single_blog_post img {
    border-radius: 5px 5px 0 0;
}

.blog_page .single_blog_post {
    border-radius: 5px;
    margin-bottom: 30px;
}

.blog_page .single_blog_post .img_area .date {
    bottom: 0;
    font-size: 13px;
    padding: 6px 20px;
    position: absolute;
    background: #222222;
    color: #fff;
}

.blog_page .single_blog_post .blog_content {
    border: 1px solid #eeeeee;
    border-radius: 0 0 5px 5px;
    padding: 20px 0px 0;
    border-top: none;
}

.blog_page .single_blog_post .blog_content ul.align_row_spacebetween {
    border-top: 1px solid #eee;
    padding: 20px;
}

.blog_page .single_blog_post .blog_content h5 {
    padding: 0 20px;
}

.blog_page .single_blog_post .blog_content h5 a {
    color: #333;
    font-weight: 500;
    display: block;
    letter-spacing: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blog_page .single_blog_post .blog_content h5 a:hover {
    color: #1a64dc;
}

.blog_page .single_blog_post .blog_content p {
    padding: 12px 20px 22px;
}

.blog_page .single_blog_post .blog_content ul img {
    border-radius: 100%;
    height: 30px;
    vertical-align: bottom;
    width: 30px;
    margin-right: 15px;
}

.blog_page .single_blog_post .blog_content ul li {
    font-size: 13px;
}

.blog_page .single_blog_post .blog_content ul li a {
    font-size: 13px;
    color: #1a64dc;
}

.blog_page .single_blog_post .blog_content ul li a:hover {
    text-decoration: underline;
}

/*---pagination---*/
.blog_page .pagination {
    width: 100%;
    margin-top: 50px;
}

.blog_page .pagination > li {
    margin: 0 5px;
}

.blog_page .pagination li a {
    text-align: center;
    border: 1px solid #efefef;
    color: #555555;
    display: block;
    font-size: 16px;
    line-height: 38px;
    height: 40px;
    padding: 0 15px;
    border-radius: 3px;
}

.blog_page .pagination li:last-child a,
.blog_page .pagination li:first-child a {
    font-size: 15;
    text-transform: uppercase;
    color: #131313;
}

.blog_page .pagination li.active a,
.blog_page .pagination li a:hover {
    border-color: #2a2a2a;
    color: #fff;
    background: #2a2a2a;
}

/*---------------------------- 08. end blog page style ------------------------------------*/


/*---------------------------- 09. start blog detail page style ------------------------------------*/
.blog_details {
    padding: 120px 0;
}

.blog_details .blog_details_content .post_gallery img {
    float: left;
    width: 50%;
}

.blog_details p.details_txt {
    line-height: 30px;
}

.blog_details p.dropcap_style1 span {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 50px;
    height: 70px;
    line-height: 68px;
    margin-bottom: 3px;
    margin-right: 20px;
    margin-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 70px;
}

.blog_details p.dropcap_style1 span {
    background: #2e64f5;
}

/*-----blockquote section----*/
.blog_details .blog_details_content .blockqute {
    padding: 40px 40px 40px 98px;
    margin: 50px 0;
}

.blog_details .blog_details_content .blockqute h2:before {
    content: "\f10d";
    color: #cacaca;
    font-family: fontawesome;
    font-size: 40px;
    left: -56px;
    position: absolute;
    top: 7px;
}

.blog_details .blog_details_content .blockqute span {
    padding-left: 30px;
    margin-top: 13px;
}

.blog_details .blog_details_content .blockqute span::before {
    background: #666;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 20px;
}


/*------tag and share------*/
.blog_details .tagnshare_area {
    border: 1px solid #f1f1f1;
    margin-bottom: 90px;
    margin-top: 50px;
    padding: 32px 25px 38px;
}

.blog_details .tagnshare_area .tags .admin li {
    border-right: 1px solid;
    color: #666666;
    font-size: 14px;
    line-height: 13px;
    padding: 0 10px;
}

.blog_details .tagnshare_area .tags .admin li:last-child {
    border-right: none;
    padding-right: 0;
}

.blog_details .tags .admin li:first-child {
    padding-left: 0;
}

.blog_details .tags .tag li {
    display: inline-block;
}

.blog_details .tags .tag li a {
    border: 1px solid #eaeaea;
    color: #666666;
    display: block;
    font-size: 14px;
    height: 38px;
    line-height: 35px;
    margin-right: 5px;
    padding: 0 11px;
    text-align: center;
}

.blog_details .tags .tag li a:hover {
    background: #f5f5f5;
}

.blog_details .tagnshare_area .social_share li a {
    border-radius: 100%;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 30px;
}

.blog_details .tagnshare_area .social_share li.facebook a {
    background: #4c65a8;
}

.blog_details .tagnshare_area .social_share li.twitter a {
    background: #41a1f6;
}

.blog_details .tagnshare_area .social_share li.g-plus a {
    background: #db7740;
}

.blog_details .tagnshare_area .social_share li.instagram a {
    background: #8f6247;
}

/*-------related post------*/
.blog_details .blog_page {
    padding: 0;
}

/*----comment area---*/
.blog_details_content .comment_area .comment_wrapper li {
    padding-left: 110px;
    position: relative;
    margin-bottom: 40px;
}

.blog_details_content .comment_area .comment_wrapper li:last-child {
    margin-bottom: 0px;
}

.blog_details_content .comment_area .comment_wrapper li img {
    border-radius: 100%;
    height: 80px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 80px;
}

.blog_details_content .comment_area .comment_wrapper li h6 span {
    font-size: 13px;
    color: #535353;
    text-transform: uppercase;
}

.blog_details_content .comment_area .comment_wrapper li h6 .name {
    color: #333333;
    font-weight: 600;
    font-size: 17px;
    text-transform: capitalize;
}

.blog_details_content .comment_area .comment_wrapper li h6 .reply {
    color: #333333;
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 600;
}

.blog_details_content .comment_area .comment_wrapper li h6 .reply:hover {
    text-decoration: underline;
}

.blog_details_content .comment_area .comment_wrapper li p {
    color: #535353;
    padding-top: 6px;
    padding-right: 48px;
}

/*----replay---*/
.blog_details_content .comment_area .comment_wrapper li ul li img {
    height: 60px;
    width: 60px;
}

.blog_details_content .comment_area .comment_wrapper li ul li {
    margin-top: 20px;
    padding-left: 85px;
}

/*----reply form-----*/
.blog_details_content .comment_area .comment_wrapper li .reply_form {
    margin-top: 15px;
    padding-right: 90px;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form img {
    height: 50px;
    margin-right: 14px;
    position: relative;
    width: 50px;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form input {
    border: none;
    border-bottom: 1px solid #c2c2c2;
    height: 35px;
    width: 80%;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form a.reply {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    right: 60px;
    top: 10px;
}

.blog_details_content .comment_area .comment_wrapper li .reply_form a.reply:hover {
    text-decoration: underline;
}

/*------comment form--------*/
.blog_details .contact_form .abform_area .abinput_group {
    margin-bottom: 20px;
    width: 49.1%;
    position: relative;
    height: 50px;
    background: #fff;
}

.blog_details .contact_form .abform_area .abinput_group.msg {
    width: 100%;
    clear: both;
    height: 150px;
    margin-bottom: 40px;
}

.blog_details .contact_form .abform_area .abinput_group > input {
    border: medium none;
    height: 100%;
    padding: 10px 22px;
    width: 100%;
    background: none;
}

.blog_details .contact_form .abform_area .abinput_group > textarea {
    border: none;
    resize: none;
    width: 100%;
    padding: 10px 22px;
    margin-bottom: 0;
    height: 100%;
    background: none;
}

.blog_details .contact_form .abform_area button {
    border: none;
    height: 50px;
}

.blog_details .comment_form {
    padding: 90px 0 0;
}

.blog_details .comment_form .abform_area .abinput_group {
    width: 48.6%;
    background: none;
}

.blog_details .comment_form .abform_area .abinput_group:nth-child(even) {
    margin-left: 20px;
}

.blog_details .comment_form .abform_area .abinput_group > textarea,
.blog_details .comment_form .abform_area .abinput_group > input {
    color: #878787;
    border-bottom: 1px solid #dbdbdb;
    padding-left: 0;
}

.blog_details .comment_form .abform_area .abinput_group:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: #2e64f5;
}

.blog_details .comment_form .abform_area .abinput_group.input_effect:before {
    width: 100%;
}

.blog_details .comment_form .abform_area button {
    letter-spacing: 1px;
    padding: 2px 45px 0;
    background: #2e64f5;
}

.blog_details .comment_form .abform_area button:hover {
    background: #084fdc;
}

/*---------------------------- 09. end blog detail page style ------------------------------------*/


/*---------------------------- 10. start contact page style ------------------------------------*/
.contact_page {
    padding-bottom: 130px;
    margin-top: -50px;
    position: relative;
    z-index: 1;
}

.map_title {
    padding-bottom: 70px;
    padding-top: 115px;
}

.map_title > h1 {
    color: #131418;
}

.map_title > p {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
}

/*----google map----*/
.google_map_section .mapHome2 {
    height: 550px;
    width: 100%;
}

/*------------contact form--------------*/
.contact_page .abform_area .abinput_group {
    margin-bottom: 20px;
    width: 48.3%;
    position: relative;
    height: auto;
    background: none;
}

.contact_page .abform_area .abinput_group.w100 {
    width: 100%;
}

.contact_page .abform_area .abinput_group.msg {
    width: 100%;
    clear: both;
    height: auto;
}

.contact_page .abform_area .abinput_group > input:not([type=radio]) {
    height: 50px;
    padding: 10px 22px 10px 5px;
    width: 100%;
    background: none;
    color: #333333;
    border: 1px solid #d2d2d2;
}

.contact_page .abform_area .abinput_group > textarea {
    resize: none;
    color: #333333;
    width: 100%;
    padding: 10px 90px 10px 0;
    margin-bottom: 0;
    height: 150px;
    background: none;
    border: 1px solid #d2d2d2;
}

/*.contact_page .abform_area button {*/
/*    border: none;*/
/*    background: transparent;*/
/*    bottom: 60px;*/
/*    color: #131418;*/
/*    font-size: 20px;*/
/*}*/

/*.contact_page .abform_area button:hover {*/
/*    color: #3d60f4;*/
/*}*/

.contact_page .contact_content {
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
    padding: 0 0 0 65px;
    background: #fff;
}

.contact_page .wrapper {
    padding-bottom: 80px;
    padding-right: 40px;
    padding-top: 80px;
}

.contact_page .contact_content h3.contact_title {
    font-size: 26px;
    color: #1c1c1c;
}

.contact_page .abform_area .abinput_group label {
    color: #333;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    cursor: text;
    /*-webkit-transform: translateY(38px);*/
    /*-moz-transform: translateY(38px);*/
    /*-ms-transform: translateY(38px);*/
    /*-o-transform: translateY(38px);*/
    /*transform: translateY(38px);*/
}

.contact_page .abform_area .abinput_group.input_effect label {
    /*-webkit-transform: translateY(0);*/
    /*-moz-transform: translateY(0);*/
    /*-ms-transform: translateY(0);*/
    /*-o-transform: translateY(0);*/
    /*transform: translateY(0);*/
}

.contact_page .abform_area .abinput_group:not(.w100):not(.w33):nth-child(even) {
    margin-left: 20px;
}

.contact_page .abform_area .abinput_group.w33 {
    width: calc((100% - 40px) / 3);
    margin-left: 20px;
}

.contact_page .abform_area .abinput_group.w50 {
    width: calc((100% - 20px) / 2);
    margin-left: 20px;
}

.contact_page .contact_address {
    align-items: flex-start;
    background: #131418;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    justify-content: center;
    padding: 45px 35px;
}

.contact_page .contact_address h4 {
    font-size: 26px;
}

.contact_page .contact_content h3.contact_title::before,
.contact_page .contact_address h4::before {
    background: #fff;
    top: -11px;
    content: "";
    height: 1px;
    left: 3px;
    position: absolute;
    width: 50px;
}

.contact_page .contact_content h3.contact_title::before {
    background: #222;
}

.contact_page .contact_address p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 25px;
    padding-left: 35px;
    color: #9e9e9e;
}

.contact_page .contact_address p i {
    font-size: 20px;
    left: 0;
    position: absolute;
    top: 0;
}

.contact_page .contact_address .web > a {
    color: #fff;
}

.contact_page .contact_address .web > a:hover {
    text-decoration: underline;
}

.contact_page .contact_address .social_contact a {
    color: #939393;
    font-size: 18px;
    margin-right: 12px;
}

.contact_page .contact_address .social_contact a:hover {
    color: #fff;
}

/*---------------------------- 10. end contact page style ------------------------------------*/

.contact_content .nice-select {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 29px;
    height: 49px;
    width: 100%;
    padding-left: 5px;
    color: #333;
}

.contact_content .nice-select.required.open,
.contact_content .nice-select:active, .contact_content .nice-select.open, .contact_content .nice-select:focus {
    border-bottom: 1px solid #e8e8e8;
}

.contact_page .abform_area .abinput_group.input_effect label.error,
.contact_page .abform_area .abinput_group label.error {
    color: #dc3545;
}


.plusAuthor,
.plusCoordinator {
    background: url('../images/add_author.png') no-repeat top left;
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    float: right;
    margin-right: 5px;
}

.minusAuthor,
.minusCoordinator {
    background: url('../images/remove_author.png') no-repeat top left;
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    float: right;
}

.addOpacity {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.removeOpacity {
    opacity: 1;
    filter: alpha(opacity=100);
}

.sa1, .sa2, .sa3, .sa4, .sa5, .sa6, .sa7, .sa8, .sa9,
.co2 {
    display: none;
}

select.required.error[style*="display: none;"] + label.error:nth-of-type(1) {
    display: none !important;
}

.hand-pointer {
    cursor: pointer;
}

.display-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
}

.display-flex.flex-end {
    justify-content: flex-end;
}

#site_content {
    position: relative;
}

.ui-widget.messages {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 10px;
    color: #fff;
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.ui-widget.messages p {
    color: #fff;
}

@keyframes cssAnimation {
    to {
        top: -100%;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        top: -100%;
    }
}

.ui-widget.messages .err {
    padding: 10px;
    border-radius: 5px;
    background: #dc3545;
}

.ui-widget.messages .succ {
    padding: 10px;
    border-radius: 5px;
    background: #41A038;
}

.ml-20 {
    margin-left: 20px;
}

select {
    max-width: 100%;
    padding: 12px 22px 13px 5px;
    border: 1px solid #d2d2d2;
    display: block;
    width: 100%;
}

#ckeditor_1_tbl, #ckeditor_2_tbl, #ckeditor_3_tbl, #ckeditor_4_tbl {
    max-width: 100%;
}
.required.ckeditor {
    visibility: hidden !important;
    display: block !important;
    height: 0px !important;
    margin: 0 !important;
    padding: 0;
}