body, input[type=text], input[type=email], input[type=password], input[type=submit], textarea {
    font-family: Roboto,sans-serif;
    text-rendering: optimizeLegibility !important;
}

.logo_retina {
    width: 105px;
    height: 35px;
}

::selection {
    background: #22a1c4;
    color: #fff;
}

::-moz-selection {
    background: #22a1c4;
    color: #fff;
}

a {
    color: #22a1c4;
}

.color {
    color: #22a1c4 !important;
}

header nav ul.menu > li.current-menu-ancestor > a, header nav ul.menu > li.current-menu-item > a, header nav ul.menu > li.current-menu-parent > a, header nav ul.menu > li:hover > a {
    /*color: #22a1c4;*/
    color: white;
}

header nav ul.menu > li > a:before {
    background: #22a1c4;
}

.cart_btn a.view_cart_btn:hover, .cart_btn:hover a.view_cart_btn, .email a:hover, .log_in_out a:hover, .main_header.type4 header nav ul.menu > li.current-menu-ancestor > a, .main_header.type4 header nav ul.menu > li.current-menu-item > a, .main_header.type4 header nav ul.menu > li.current-menu-parent > a, .main_header.type4 header nav ul.menu > li:hover > a, .mobile_menu_wrapper .current-menu-parent .sub-menu a:hover, .mobile_menu_wrapper .current-menu-parent .sub-menu li.current-menu-parent a.mob_link, .mobile_menu_wrapper .current-menu-parent a, .mobile_menu_wrapper a:hover, .s_submit:hover, .top-icon-search:hover, div.selectBox.act, div.selectBox:hover, header nav ul.sub-menu > li.current-menu-item > a, header nav ul.sub-menu > li.current-menu-parent > a, header nav ul.sub-menu > li:hover > a, span.selectOption:hover {
    color: #22a1c4;
}

.mobile_menu_wrapper .current-menu-item a.mob_link {
    color: #22a1c4 !important;
}

.mobile_menu_wrapper li.current-menu-parent.menu-item-has-children::before, .mobile_menu_wrapper li.menu-item-has-children:hover::before {
    color: #22a1c4;
}

.highlighted_colored {
    background: #22a1c4;
}

.dropcap.type1 {
    color: #22a1c4;
}

.dropcap.type3 {
    background: #22a1c4;
}

.module_content ul.type2 li:before, .pre_footer .product_posts li a.title:hover, .pre_footer .recent_posts li a.title:hover, .product_posts li a.title:hover, .recent_posts li a.title:hover, .sidepanel a:hover, .subtotal span, blockquote.type1:before {
    /*color: #22a1c4;*/
    color: #f36905;
}

#mc_signup_submit:hover {
    background: #22a1c4 !important;
}

.pre_footer .tweet_module ul li a:hover, .tweet_module ul li a:hover {
    color: #22a1c4;
}

.shortcode_button.btn_type1:hover, .shortcode_button.btn_type2:hover, .shortcode_button.btn_type3:hover, .shortcode_button.btn_type4.dark_parent:hover, .shortcode_button.btn_type4:hover {
    background: #22a1c4 !important;
    color: #fff;
    border-color: #22a1c4;
}

.shortcode_button.btn_type5 {
    background: #22a1c4;
}

.stat_count {
    color: #22a1c4;
}

.counter_icon, .iconbox_wrapper .ico, .skill_div {
    background: #22a1c4;
}

    .iconbox_wrapper .ico:after {
        border-color: #22a1c4;
    }

a:hover .iconbox_title {
    color: #22a1c4;
}

.promoblock_wrapper {
    border-left: 10px solid #22a1c4;
}

.fw_block .promoblock_wrapper {
    background: #22a1c4;
}

.fw_block .promo_button_block a.shortcode_button {
    color: #22a1c4;
}

.color_gradient_hor, .color_gradient_vert, .pagerblock .next-page, .pagerblock .prev-page, .quantity .minus:hover, .quantity .plus:hover, .shortcode_iconbox.type4 .iconbox_wrapper .ico, .shortcode_iconbox.type5 a:hover .iconbox_wrapper, .step_by_step .iconbox_wrapper .ico, .widget_filter .ui-slider-range, a.remove:hover, h5.shortcode_accordion_item_title.state-active .ico:after, h5.shortcode_accordion_item_title:hover .ico:after, h5.shortcode_toggles_item_title.state-active .ico:after, h5.shortcode_toggles_item_title:hover .ico:after {
    background: #22a1c4;
}

.slick_testim_info h5 span, .testimonials_list li .item h5.testimonials_title span, h1.light span, h5.shortcode_accordion_item_title .ico:before, h5.shortcode_accordion_item_title.state-active, h5.shortcode_accordion_item_title:hover, h5.shortcode_toggles_item_title .ico:before, h5.shortcode_toggles_item_title.state-active, h5.shortcode_toggles_item_title:hover {
    color: #22a1c4;
}

.module_team .item_list.type2 .teamlink:hover {
    color: #22a1c4 !important;
}

.module_cont hr.type2 {
    border-top: #22a1c4 1px solid;
}

.module_cont hr.type3:before {
    background: #cecece;
    background: -moz-linear-gradient(left,#fff 0,#cecece 50%,#fff 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#cecece),color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,#fff 0,#cecece 50%,#fff 100%);
    background: -o-linear-gradient(left,#fff 0,#cecece 50%,#fff 100%);
    background: -ms-linear-gradient(left,#fff 0,#cecece 50%,#fff 100%);
    background: linear-gradient(to right,#fff 0,#cecece 50%,#fff 100%);
}

.module_cont hr.type4:before {
    background: #22a1c4;
    background: -moz-linear-gradient(left,#fff 0,#22a1c4 50%,#fff 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(50%,#22a1c4),color-stop(100%,#fff));
    background: -webkit-linear-gradient(left,#fff 0,#22a1c4 50%,#fff 100%);
    background: -o-linear-gradient(left,#fff 0,#22a1c4 50%,#fff 100%);
    background: -ms-linear-gradient(left,#fff 0,#22a1c4 50%,#fff 100%);
    background: linear-gradient(to right,#fff 0,#22a1c4 50%,#fff 100%);
}

.price_item_wrapper {
    border-top: #22a1c4 solid 10px;
}

.shortcode_tab_item_title, .shortcode_tab_item_title:after {
    background: #22a1c4;
}

.shortcode_tabs.type3 .shortcode_tab_item_title.active, .shortcode_tabs.type3 .shortcode_tab_item_title:hover {
    color: #22a1c4;
}

.shortcode_tabs.type3 .shortcode_tab_item_title.active {
    border: 1px solid #22a1c4;
}

.shortcode_icons_wrapper a {
    background: #22a1c4;
}

    .shortcode_icons_wrapper a:hover {
        color: #22a1c4 !important;
    }

.contact_info_item a:hover, .item_tab h3 a:hover, .shortcode_timeline a:hover {
    color: #22a1c4;
}

.shortcode_timeline_date, .view_link {
    background: #22a1c4;
}

    .breadcrumbs a:hover, .featured_items_body a:hover, .view_link:hover i {
        color: #22a1c4;
    }

.map_collapse, .module_table_info h3 .badge {
    background: #22a1c4;
}

.send_mail h3 a {
    color: #22a1c4;
}

.coupon input[type=submit]:hover, input[type=submit], input[type=button], input[type=reset] {
    background-color: #22a1c4;
}

.with_reset .fright:hover:before {
    color: #22a1c4;
}

.widget_tag_cloud a:hover {
    background-color: #22a1c4;
    border-color: #22a1c4;
}

.coming_soon_cont {
    background-color: #22a1c4;
}

.blogpost_title a:hover, .listing_meta a:hover, .notify_shortcode input[type=submit] {
    color: #22a1c4;
}

.pagerblock .next-page:hover, .pagerblock .prev-page:hover, .pagerblock li a.current, .pagerblock li a:hover {
    color: #22a1c4 !important;
}

.blogpost_user_meta h3 a, .calculate:hover, .comment_author_name a:hover, .comment_meta a:hover, .contact_info a:hover, .filter_navigation ul li ul li a:hover, .filter_navigation ul li ul li.selected a, .item_cart:hover, .item_link:hover, .posted_in a:hover, .prev_next_links a:hover, .product-name a:hover, .shop_list_info a:hover, .sidepanel li.current-menu-item a, .tagged_as a:hover, h2.portf_title a:hover {
    color: #22a1c4;
}

.slide_btn a, .slide_btn.type2 a:hover {
    color: #22a1c4 !important;
}

.slide_btn.type3 a, .slide_btn.type4 a:hover {
    background-color: #22a1c4;
    border-color: #22a1c4;
}

.login_popup .forgot_password a:hover {
    color: #22a1c4;
}

.slider_bg, .wrapper_404 {
    background-color: #22a1c4;
}

.form404 input[type=submit], .module_table_info .table_info_title h5 {
    color: #22a1c4;
}

.module_table_info .shortcode_tab_item_title.active .badge {
    background-color: #22a1c4 !important;
}

.jobs_filters > li > ul li:before {
    color: #22a1c4;
}

.demo_panel .panel_headers a:before {
    background-color: #22a1c4;
}

.jobs_filters > li > ul li.select, .jobs_filters > li > ul li:hover {
    color: #22a1c4;
}

.btn_banner {
    height: 22px;
    width: auto;
    transition: all 0.2s ease-out 0s;
    padding: 7px 5px !important;
    font-size: 14px !important;
    border-width: 1px;
}

.slider_container.index_slider {
    height: 350px !important;
}

.item .bg_color3 .animate {
    margin-right: 0px;
}

.promo_text_main_title {
    font-size: 20pt;
}

.price_item_title {
    padding: 25px 0 0 25px;
}

.module_content .shortcode_iconbox .type2 {
    min-height: 310px;
}

#banTitle {
    font-size: 50px;
    font-weight: bold;
    text-decoration: none;
    animation-name: topFadeOut;
    animation-duration: 10s;
    padding-top: 4%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-family: 'Nothing You Could Do',cursive;
}

#banContent {
    font-size: 16px;
    text-decoration: none;
    padding-top: 6%;
    animation-name: leftFadeInOut;
    animation-duration: 10s;
    text-align: center;
    color: white;
}

#carouselExampleIndicators .item {
    height: 300px;
    background: #22a1c4;
}

.pro_tech {
    margin: 0;
}

.module_cont .animate fadeInUp {
    padding-top: 15px;
    padding-bottom: 20px;
}

.iconbox_body {
    text-align: justify;
    line-height: 150%;
}

.module_cont .module_iconboxes .pb75 .pt66 .animate fadeInUp {
    padding-bottom: 20px;
    padding-top: 25px;
}

.module_cont .animate fadeInUp {
    padding-top: 15px;
    padding-bottom: 0px;
}

.core_feature {
    padding-top: 20px;
}

header {
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
}


li.menu-item-has-children {
    padding: 0 25px 0 25px;
    border-right: 1px solid #d9d9d9;
}

    li.menu-item-has-children:hover {
        background-color: #22a1c3;
        -webkit-transition: background-color 0.5s ease-out;
        -moz-transition: background-color 0.5s ease-out;
        -o-transition: background-color 0.5s ease-out;
        transition: background-color 0.5s ease-out;
        margin-top: 2px;
    }

header nav ul.menu > li {
    margin-left: 0px;
}

header .container:before {
    border: none;
}

#bottomContainer {
    display: none;
}

.footer {
    background-color: #005F79;
}

li a {
    color: white;
}

.hdrMenu {
    font-family: Helvetica Neue,Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    color: #666;
    line-height: 1px;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: black;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

    #myBtn:hover {
        background-color: #555;
    }

/*linkedIn*/
.footer_socials a.soc_dribbble:hover {
    color: #0077B5 !important;
}

.current-menu-parent {
    background-color: #067390;
    margin-top: 2px;
}

    .current-menu-parent a {
        color: white;
    }

.module_cont .animate .fadeInUp {
    margin-top: 20px;
}

.topContent {
    margin-top: 15px;
}

.footer_mod {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #2da6c7;
}

.hero-area {
    position: relative;
    z-index: 1;
}

    .hero-area .owl-prev {
        position: absolute;
        width: 52px;
        height: 52px;
        top: 50%;
        margin-top: -26px;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        text-transform: capitalize;
        background-color: #20d8da;
        left: 50px;
        text-align: center;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        line-height: 52px;
    }

    .hero-area .owl-next {
        position: absolute;
        width: 52px;
        height: 52px;
        top: 50%;
        margin-top: -26px;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        text-transform: capitalize;
        background-color: #20d8da;
        right: 50px;
        text-align: center;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        line-height: 52px;
    }


@media only screen and (max-width: 767px) {
    .hero-area .owl-next {
        width: 80px;
        height: 34px;
        line-height: 34px;
        margin-top: -17px;
        font-size: 11px;
        right: 15px;
    }
}

.hero-area .owl-next:hover {
    background-color: #000000;
    color: #ffffff;
}

.single-slide {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 320px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slide {
        height: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slide {
        height: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .single-slide {
        height: 370px;
    }
}

.single-slide .blog-content {
    /*-webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 9%;
    border-left: 1px solid #22a1c4;
    background-color: rgba(0, 0, 0, 0.6);*/
    margin-top: 8%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slide .blog-content {
        padding: 50px;
        margin-top: 33%;
    }
}

@media only screen and (max-width: 767px) {
    .single-slide .blog-content {
        padding: 30px 20px;
    }
}

.single-slide .blog-content h2 {
    color: #ffffff;
    font-size: 60px;
    /* margin-bottom: 1%; */
    font-weight: 400;
    text-align: center;
    margin-top: 0%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slide .blog-content h2 {
        font-size: 42px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slide .blog-content h2 {
        font-size: 36px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .single-slide .blog-content h2 {
        font-size: 24px;
        text-align: center;
    }
}

.single-slide .blog-content p {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 2%;
    text-align: center;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    .single-slide .blog-content p {
        font-size: 14px;
        margin-top: -5%;
        text-align: center;
        margin-bottom: 5%;
        margin-top: -3%;
    }
}

.bg-overlay {
    background-color: #057390ab;
}

.slide-videobtn {
    position: absolute;
    width: 118px;
    height: 30px;
    top: 200%;
    left: 40%;
    /* margin-top: -26px; */
    /* font-size: 14px; */
    font-weight: 400;
    color: #010b0e;
    /* text-transform: capitalize; */
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
    /*background-color: #ffffff;*/
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    line-height: 30px;
    /*margin-right: 10%;*/
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .single-slide .blog-content .slide-videobtn {
        /* width: 82px; */
        /* height: 33px; */
        /* line-height: 36px; */
        margin-left: 12%;
        top: 92%;
    }
}

.slide-videobtn:hover {
    color: #057390;
}

.slide-sitebtn {
    position: absolute;
    width: 118px;
    height: 30px;
    top: 200%;
    right: 38%;
    /* margin-top: -26px; */
    /* font-size: 14px; */
    font-weight: 400;
    color: #010b0e;
    /* text-transform: capitalize; */
    background: linear-gradient(rgb(255, 255, 255) 0%, rgb(243, 243, 243) 50%, rgb(237, 237, 237) 51%, rgb(255, 255, 255) 100%);
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    line-height: 30px;
    /*margin-left: 10%;*/
    border-radius: 5px;
}

@media only screen and (max-width: 767px) {
    .single-slide .blog-content .slide-sitebtn {
        /* width: 107px; */
        /* height: 33px; */
        /* line-height: 36px; */
        margin-right: 12%;
        top: 92%;
    }

    .fontSize {
        font-size: 38px !important;
    }

    .owl-dots {
        left: 41% !important;
    }
}

.slide-sitebtn:hover {
    color: #057390;
}

.hero-post-slides {
    position: relative;
}

/*canvas{
         position:absolute;
         background:#057390;
         width:100% !important;
         min-height:400px;
     }*/

.procontent {
    -moz-box-shadow: 0 0 27px -5px #888;
    -webkit-box-shadow: 0 0 27px -5px #888;
    box-shadow: 0 0 27px -5px #888;
    padding: 16px 0px 16px 0px;
    text-align: justify;
}

.lblhome {
}

@media only screen and (max-width: 767px) {
    .lblhome {
        margin-top: -45px;
    }
}

.content-container .list {
    counter-reset: counter-name;
    font-weight: 400;
    padding-bottom: 20px;
}

    .content-container .list .list-item .item_counter:before {
        counter-increment: counter-name;
        content: counter(counter-name);
    }

.cleartxt {
    font-weight: 400;
    padding: 10px;
    margin-bottom: 2px;
}

.content-container .list .list-item {
    list-style: none;
    display: flex;
    align-items: center;
}

    /*.content-container .list .list-item .item_counter {
        margin-right: 5px;
    }*/

    .content-container .list .list-item :before {
        content: '';
        position: absolute;
        border-right: 2px solid #f36905;
        border-bottom: 2px solid #f36905;
        width: 10px;
        height: 10px;
        top: calc(50% - 4px);
        left: -20px;
        transform: translateY(-50%) rotate(-45deg);
        /* content: "\25BA \0020"; */
        font-size: 14px;
        /* position: absolute; */
        top: 21px;
        left: -14px;
        /* color: #005f79; */
    }

/*.content-container .list .list-item .item_counter:not(:last-child) {
            margin-bottom: 5px;
        }

        .content-container .list .list-item .item_counter:before {
            height: 25px;
            width: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: #057390;
            color: white;
        }*/

.protitle {
    text-align: center;
}

.lblactive {
    color: white !important;
    background: #067390;
}

.tmsactive {
    color: white !important;
    background: #067390;
}

.reptactive {
    color: white !important;
    background: #067390;
}