@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

/*==============================================================================
Template Name: Auston 
Template URI: http://radiustheme.com
Description: This is Joomla template
Author: radiustheme
Author URI: http://radiustheme.com
Version: 1.0

CSS INDEX:
=========

01. Theme default css
02. Header top css
03. Conditional css
04. Header css
05. Menu css
06. Main Slider css
07. Home one service slider css
08. Home two service css
09. Home two our service slider css
10. Home three our service css
11. Home four service css
12. Why choose us css
13. Home two about css
14. Our experiance css
15. Frequently Asked Questions css
16. Home Call back css
17. Team css
    17.1 Single Team css

18. Testimonial css
19. Home one news slider css
20. Home two news css
21. Home three latest news css
22. Logo slider css
23. Free Consultation css
24. Bottom css
    24.1 Flickr photos css
    24.2 Corporate-office css

25. Footer css
26. Inner banner css
27. Help your business css
28. 25 years experiance css
29. Our success css
30. Our core features css
31. About page css
    31.1 About 1 page css
    31.2 About 2 page css
    31.3 sppb-carousel
    31.4 About 3 page css
    31.5 About 4 page css
    31.6 Skill Progress bar css

32. Service page css
    32.1 Service 1 page css
    32.2 Service 2 page css

33. Portfolio page css
34. Default item css
35. K2 Category item css
36. K2 item details css
37. Pagination css
38. Sidebar css
39. Contact page css
40. Responsive css

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


/*==============================================================================
=                             01. Theme default css                            =
================================================================================*/

body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    vertical-align: baseline;
}

a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

p {
    margin: 0 0 20px 0;
}

a:active,
a:hover,
a:focus {
    outline: 0 none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
    line-height: 1.4;
    font-weight: 600;
    margin: 0 0 20px;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
    color: #222222;
}

#sp-page-builder .page-content .sppb-section {
    margin-top: 0;
}

#sp-header .logo {
    display: table-cell !important;
    backface-visibility: visible;
    vertical-align: middle;
}

#sp-header .logo h1 {
    margin-bottom: 0;
}

#sp-header .logo h1 img {
    width: 129px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sppb-addon-module h3.sppb-addon-title {
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.title-style h3.sppb-addon-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.title-style h3.sppb-addon-title::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 50px;
}

.title-style-two {
    text-align: center;
    margin-bottom: 60px;
}

.title-style-two .sppb-addon-title {
    color: #222222;
}

.title-style-two .icon-border {
    margin-bottom: 40px;
    position: relative;
}

.title-style-two .icon-border i {
    color: #1cb9c8;
    font-size: 21px;
}

.title-style-two .icon-border::before {
    background: #1cb9c8;
    content: "";
    height: 3px;
    margin: auto auto auto -75px;
    position: absolute;
    top: 10px;
    width: 50px;
}

.title-style-two .icon-border::after {
    background: #1cb9c8;
    content: "";
    height: 3px;
    margin: auto auto auto 25px;
    position: absolute;
    top: 10px;
    width: 50px;
}

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

.title-style-three {
    text-align: center;
    margin-bottom: 40px;
}

.title-style-three .sppb-addon-title {
    position: relative;
    padding-bottom: 15px;
    color: #222222;
}

.title-style-three .sppb-addon-title::after {
    background: #1cb9c8;
    content: "";
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
}

.owl-carousel.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    right: 0px;
    top: -75px;
}

.owl-carousel.owl-theme .owl-nav > div {
    background: transparent;
    border-radius: 0;
    border: 2px solid #1cb9c8;
    height: 30px;
    line-height: 26px;
    margin: 2px;
    padding: 0;
    transition: all 0.3s ease 0s;
    width: 30px;
}

.owl-carousel.owl-theme .owl-nav > div:hover {
    background: transparent;
}

.owl-carousel.owl-theme .owl-nav > div i {
    color: #1cb9c8;
}

.tlp-team .owl-carousel.owl-theme .owl-nav > div {
    padding: 0 !important;
}

#sp-page-builder > .page-content > section.sppb-section {
    padding: 90px 0;
}


/*=========================  End of Theme default css  =======================*/


/*==============================================================================
=                                02. Header top css                            =
==============================================================================*/

#sp-top-bar {
    background: #656565;
    color: #ffffff;
    padding: 4px 0 !important;
}

#sp-top-bar .fa {
    color: #22b8f0;
}

.sp-contact-info a {
    color: #ffffff;
}

#sp-top-bar .sp-module.street {
    margin: 0;
}

.street p {
    margin: 0;
}

.street .fa {
    padding-right: 8px;
}


/*===========================  End of Header top css  ========================*/


/*==============================================================================
=                                03. Conditional css                           =
===============================================================================*/

#sp-component {
    min-height: inherit;
}


/*==========================  End of Conditional css  =========================*/


/*===============================================================================
=                                   04. Header css                              =
================================================================================*/

#home-one #sp-header {
    background: rgba(0, 0, 0, 0.7);
}

#home-one #offcanvas-toggler i {
    color: #ffffff;
}

#home-one #offcanvas-toggler i:hover {
    color: #1cb9c8;
}


/*================================  End of Header css  =======================*/


/*==============================================================================
=                                     05. Menu css                             =
===============================================================================*/

#sp-header {
    box-shadow: none !important;
    z-index: 9999 !important;
}

#home-one .sp-megamenu-parent > li > a {
    color: #ffffff;
}

#sp-menu .sp-megamenu-parent {
    position: inherit;
}

#sp-menu .sp-megamenu-parent > li > a {
    font-size: 14px;
    padding: 0 13px;
}

#sp-menu .sp-megamenu-parent > li.sp-has-child > a::after {
    content: "";
}

#sp-header.menu-fixed {
    border-bottom: 2px solid #1cb9c8;
}

.is-sticky .sp-megamenu-parent > li > a {
    line-height: 89px;
}

.is-sticky header {
    border-bottom: 2px solid #1cb9c8;
}

#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #1cb9c8;
    box-shadow: 0 18px 27px 0 rgba(0, 0, 0, 0.2);
    padding: 0;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    border-bottom: 1px solid #ffffff;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a {
    color: #ffffff;
    padding: 10px 15px;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
    border-bottom: none;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active a {
    color: #ffffff;
}

#sp-menu .sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner {
    padding: 10px;
}


/*============================  End of Menu css  =============================*/


/*=============================================================================
=                              06. Main Slider css                            =
==============================================================================*/

.home-one-slider {
    margin-top: -90px !important;
}

.home-slider ul li {
    border-bottom: 0 !important;
}

.home-slider .tp-caption.small_text {
    font-size: 18px !important;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    line-height: 22px !important;
    width: 60%;
}

.home-slider .tp-caption.medium_text {
    left: 0 !important;
}

.home-slider .tp-caption.large_text {
    left: 0 !important;
    width: 100%;
    text-align: center;
}

.home-slider .tp-caption.largeblackbg a.read-bg {
    font-size: 14px !important;
    display: block;
    color: #ffffff;
    background: #1cb9c8;
    border: 2px solid #1cb9c8;
    padding: 12px 30px !important;
    transition: all 0.5s ease 0s;
}

.home-slider .tp-caption.largeblackbg a.read-bg::after {
    font-size: 14px;
    content: "\f0a9";
    font-family: 'FontAwesome';
    padding-left: 10px;
}

.home-slider .tp-caption.largewhitebg a.read-nobg {
    font-size: 14px !important;
    display: block;
    color: #ffffff;
    border: 2px solid #1cb9c8;
    padding: 12px 30px !important;
    transition: all 0.5s ease 0s;
}

.home-slider .tp-caption.largewhitebg a.read-nobg::after {
    font-size: 14px;
    content: "\f0a9";
    font-family: 'FontAwesome';
    padding-left: 10px;
}

.home-slider .tp-leftarrow.default {
    background: transparent;
    z-index: 21;
}

.home-slider .tp-leftarrow.default::after {
    background: rgba(0, 0, 0, 0.7);
    font-size: 20px;
    font-family: 'FontAwesome';
    content: "\f053";
    color: #ffffff;
    padding: 15px;
    transition: all 300ms ease-in 0s;
}

.home-slider .tp-rightarrow.default {
    background: transparent;
    z-index: 21;
}

.home-slider .tp-rightarrow.default::after {
    background: rgba(0, 0, 0, 0.7);
    font-size: 20px;
    font-family: 'FontAwesome';
    content: "\f054";
    color: #ffffff;
    padding: 15px;
    transition: all 300ms ease-in 0s;
}

.rev_slider .tp-bannertimer {
    z-index: 21;
}


/*=========================  End of Main Slider css  =========================*/


/*=============================================================================
=                           07. Home one service slider css                   =
==============================================================================*/

.home-one-service-slider h3.sppb-addon-title {
    font-size: 44px;
    text-align: center;
    margin-bottom: 40px;
}

.home-one-service-slider .single-feature {
    text-align: center;
}

.home-one-service-slider .single-feature .service-image {
    float: none !important;
    margin-bottom: 20px;
}

.home-one-service-slider .single-feature .service-image i {
    font-size: 50px;
}

.home-one-service-slider .single-feature .service-content h3 {
    font-size: 20px;
}

.home-one-service-slider .single-feature .service-content h3 a {
    color: #000000;
}

.home-one-service-slider .single-feature .service-content h3 a:hover {
    color: #1cb9c8;
}

.home-one-service-slider .single-feature .service-content .features-read-more {
    padding-top: 20px;
}

.home-one-service-slider .single-feature .service-content .features-read-more a {
    border: 2px solid #1cb9c8;
    border-radius: 0;
    color: #1cb9c8;
    padding: 10px 30px;
}

.home-one-service-slider .owl-carousel .owl-nav {
    position: static;
    top: inherit;
}

.home-one-service-slider .owl-carousel .owl-nav .owl-prev {
    left: -40px;
}

.home-one-service-slider .owl-carousel .owl-nav .owl-next {
    right: -40px;
}

.home-one-service-slider .owl-carousel .owl-nav div {
    position: absolute;
    border: 1px solid #1cb9c8;
    background: transparent;
    border-radius: 50%;
    top: 50%;
    line-height: 38px;
    padding: 0;
    height: 40px;
    width: 40px;
    opacity: 1;
    transition: all 0.5s;
}

.home-one-service-slider .owl-carousel .owl-nav div i {
    color: #1cb9c8;
}

.home-one-service-slider .owl-carousel .owl-nav div:hover {
    background: #08838f;
    border: 1px solid #08838f;
}

.home-one-service-slider .owl-carousel .owl-nav div:hover i {
    color: #ffffff;
}


/*=========================  End of Home one service slider css  =============*/


/*==============================================================================
=                            08. Home two service css                          =
===============================================================================*/

.home-two-service .rt-featuresn .nopadding {
    padding: 0;
}

.home-two-service .rt-featuresn .service-content {
    position: relative;
}

.home-two-service .rt-featuresn .service-content .service-image img {
    width: 100%;
}

.home-two-service .rt-featuresn .service-content:hover .overley {
    opacity: 1;
    transform: scaleY(1);
    transition: all 0.5s ease 0s;
}

.home-two-service .rt-featuresn .service-content .main-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-two-service .rt-featuresn .service-content .main-title h3 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 0;
}

.home-two-service .rt-featuresn .service-content:hover .main-title {
    opacity: 0;
}

.home-two-service .rt-featuresn .service-content .overley {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(28, 185, 200, 0.8);
    content: "";
    height: 100%;
    padding: 30px 40px;
    text-align: center;
    color: #ffffff;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transition: all 0.5s ease 0s;
    width: 100%;
}

.home-two-service .rt-featuresn .service-content .overley h3 {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 12px;
}

.home-two-service .rt-featuresn .service-content .overley h3 a {
    color: #ffffff;
}


/*=========================  End of Home two service css =====================*/


/*=============================================================================
=                         09. Home two our service slider css                 =
==============================================================================*/

.our-service .service-content {
    position: relative;
}

.our-service .service-content .image-effect {
    overflow: hidden;
}

.our-service .service-content .image-effect img {
    transform: scale(1);
    transition: all 1s ease 0s;
    width: 100%;
}

.our-service .service-content .image-effect:hover img {
    transform: scale(1.1);
}

.our-service .service-content .overley {
    background: #1cb9c8;
    border-radius: 50%;
    bottom: 20px;
    display: block;
    height: 60px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    text-align: center;
    right: 0;
    transition: all 1s ease 0s;
    width: 60px;
}

.our-service .service-content .overley i {
    color: #ffffff;
    margin-top: 12px;
}

.our-service .service-content:hover .overley {
    opacity: 1;
}

.our-service .service-content:hover h3 {
    background: #1cb9c8;
}

.our-service .service-content h3 {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    font-size: 20px;
    background: rgba(28, 180, 200, 0.9);
    text-align: center;
    margin-bottom: 0;
    padding: 12px 0;
    transition: all 1s ease 0s;
}

.our-service .service-content h3 a {
    color: #ffffff;
}

.our-service .owl-carousel.owl-theme .owl-nav {
    right: 15px;
}


/*=========================  End of Home two our service slider css  =========*/


/*=============================================================================
=                          10. Home three our service css                     =
==============================================================================*/

.home-three-service .service-content {
    position: relative;
}

.home-three-service .service-content .overley {
    bottom: 20px;
    display: block;
    margin: auto;
    opacity: 1;
    position: absolute;
    text-align: center;
    right: 15px;
    transition: all 1s ease 0s;
    z-index: 99;
}

.home-three-service .service-content .overley i {
    color: #ffffff;
    margin-top: 12px;
}

.home-three-service .service-content h3 {
    background: transparent;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    font-size: 22px;
    text-align: left;
    margin-bottom: 0;
    padding: 20px;
    transition: all 1s ease 0s;
}

.home-three-service .service-content h3 a {
    color: #ffffff;
}

.home-three-service .service-content .image-effect {
    overflow: hidden;
}

.home-three-service .service-content .image-effect img {
    transform: scale(1);
    transition: all 1s ease 0s;
    max-width: 100%;
}

.home-three-service .service-content:hover h3 {
    background: rgba(28, 180, 200, 0.9);
}

.home-three-service .service-content:hover .image-effect {
    overflow: hidden;
}

.home-three-service .service-content:hover .image-effect img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
}


/*=========================  End of Home three our service css  ==============*/


/*==============================================================================
=                             11. Home four service css                        =
===============================================================================*/

.home-four-service .single-feature .icon i {
    font-size: 40px;
    color: #1cb9c8;
}

.home-four-service .single-feature h3 {
    font-size: 22px;
    margin-top: 10px;
    position: relative;
    padding-bottom: 10px;
}

.home-four-service .single-feature h3 a {
    color: #222222;
}

.home-four-service .single-feature h3 a:hover {
    color: #1cb9c8;
}

.home-four-service .single-feature h3::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 50px;
}

.home-four-service .single-feature p {
    margin-bottom: 0;
}


/*=========================  End of Home four service css  ===================*/


/*=============================================================================
=                                12. Why choose us css                        =
==============================================================================*/

.sppb-section.choose-section {
    padding: 0 !important;
}

.choose-image {
    padding-top: 58px;
}

.choose-service {
    background: #222222;
    overflow: hidden;
    padding: 70px 0 60px 60px;
}

.choose-service h3.sppb-addon-title {
    font-size: 36px;
    color: #ffffff;
    padding-bottom: 0;
}

.choose-service h3.sppb-addon-title span {
    color: #1cb9c8;
}

.choose-service .single-feature {
    color: #ffffff;
    margin-bottom: 14px;
}

.choose-service .single-feature .service-image {
    width: 50px;
}

.choose-service .single-feature .service-image i {
    font-size: 48px;
    color: #1cb9c8;
}

.choose-service .single-feature .service-content {
    padding-left: 20px;
}

.choose-service .single-feature .service-content h3 {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 5px;
}

.choose-service .single-feature .service-content h3 a {
    color: #ffffff;
}


/*=========================  End of Why choose us css  =======================*/


/*==============================================================================
=                               13. Home two about css                         =
===============================================================================*/

.sppb-section.home-two-about-section {
    padding-bottom: 0 !important;
}

.home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
    color: #000000;
    font-size: 60px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 23px;
}

.home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title span {
    color: #1cb9c8;
}

.home-two-about-section .sppb-addon-raw-html .read-more {
    padding-top: 20px;
}

.home-two-about-section .sppb-addon-raw-html .read-more a {
    border: 2px solid #1cb9c8;
    border-radius: 0;
    color: #1cb9c8;
    display: inline-block;
    font-weight: 600;
    padding: 11px 30px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.home-two-about-section .sppb-addon-raw-html .read-more a i {
    padding-left: 8px;
}

.sppb-section.home-four-about-section {
    padding-bottom: 0 !important;
}

.sppb-section.about-two-section {
    padding-bottom: 0 !important;
}

.sppb-section.about-three-section {
    padding-bottom: 0 !important;
}

.sppb-section.contact-form-section {
    padding-top: 0 !important;
}


/*=========================  End of Home two about css  ======================*/


/*=============================================================================
=                              14. Our experiance css                         =
==============================================================================*/

.sppb-addon-module .zen-skillbar .zen-skillbar-title {
    width: 22%;
}

.sppb-addon-module .zen-skillbar .zen-skill-bar-percent {
    color: #000000;
    font-size: 14px;
}


/*=========================  End of Our experiance css  ======================*/


/*=============================================================================
=                        15. Frequently Asked Questions css                   =
==============================================================================*/

.asked-question .panel-default {
    background: transparent;
    box-shadow: none;
}

.asked-question .panel-group {
    margin-bottom: 0;
}

.asked-question .panel-heading {
    color: #ffffff;
    border-radius: 0;
    background: #1cb9c8;
    padding: 0;
    transition: all 0.3s ease-out 0s;
    text-transform: uppercase;
}

.asked-question .panel-heading.active,
.asked-question .panel-heading:hover {
    background: #000000;
}

.asked-question .panel-heading h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: initial;
}

.asked-question .accordion-toggle > span {
    float: left;
    padding-right: 3px;
}

.asked-question .panel-heading h3 a {
    display: inline-block;
    outline: none;
    width: 100%;
    padding: 15px;
    color: #ffffff;
}

.asked-question .panel-heading h3 a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 24px;
    float: right;
    margin-right: 0;
}

.asked-question .panel-heading.active h3 a:before {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 24px;
    float: right;
    margin-right: 0;
}

.asked-question .panel-collapse .panel-body {
    border: none !important;
}

.sppb-addon-accordion .sppb-panel-default {
    background: transparent;
    box-shadow: none;
    margin-bottom: 3px;
    border-radius: 0 0 3px 3px;
}

.sppb-addon-accordion .sppb-panel-group {
    margin-bottom: 0;
}

.sppb-addon-accordion .sppb-panel-heading {
    color: #ffffff;
    border-radius: 0;
    background: #1cb9c8;
    padding: 0;
    transition: all 0.3s ease-out 0s;
}

.sppb-addon-accordion .sppb-panel-heading.active,
.sppb-addon-accordion .sppb-panel-heading:hover {
    background: #000000;
}

.sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
}

.sppb-addon-accordion .accordion-toggle > span {
    float: left;
    padding-right: 3px;
}

.sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
    display: inline-block;
    outline: none;
    width: 100%;
    padding: 15px;
    color: #ffffff;
}

.sppb-addon-accordion .sppb-panel-default .sppb-toggle-direction {
    color: #ffffff;
}

.asked-question .panel-collapse .panel-body {
    border: none !important;
}


/*===================  End of Frequently Asked Questions css  ================*/


/*=============================================================================
=                               16. Home Call back css                        =
==============================================================================*/

.rt-form .form-group {
    margin-bottom: 30px;
}

.rt-form .form-group input {
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: none;
    min-height: 45px;
}

.rt-form .form-group textarea {
    border: 1px solid #cccccc;
    border-radius: 0;
    box-shadow: none;
    min-height: 100px;
}

.rt-form .submit-group {
    margin-bottom: 0;
}

.rt-form .submit-group button {
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 15px;
}

.rt-form .submit-group button::after {
    content: "\f0a9";
    font-family: 'FontAwesome';
    padding-left: 8px;
}

.rsform h2 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.rsform h2:after {
    background: #cb011b;
    content: "";
    height: 4px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 60px;
}

.rsform .formResponsive {
    margin-bottom: 0;
}

.rsform .formHorizontal .rsform-block {
    margin-bottom: 5px;
    margin-right: 20px;
    width: 46%;
    float: left;
    position: relative;
}

.rsform .formHorizontal .rsform-block.rsform-block-message,
.rsform .formHorizontal .rsform-block.rsform-block-submit {
    width: 100%;
}

.rsform .formHorizontal .rsform-block.rsform-block-date .formControls .formBody input.rsform-calendar-button {
    color: #1cb9c8;
    position: absolute;
    top: 24px;
    right: -10px;
    padding: 0 10px;
    height: 40px;
    width: inherit;
}

.rsform .formHorizontal .rsform-block .formDescription {
    margin-top: 5px;
}

.rsform .formHorizontal .rsform-block-submit {
    margin-bottom: 0;
}

.rsform .rsform-block .formControlLabel {
    padding: 0;
    text-align: left;
}

.rsform .rsform-block .formControls {
    margin-left: 0px;
}

.rsform .rsform-block .formControls .formBody input {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    height: 30px;
    width: 100%;
}

.rsform .rsform-block .formControls .formBody textarea {
    background: #ffffff;
    border: 1px solid #d7d7d7;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    width: 96%;
}

.rsform .rsform-block .formControls .formBody button {
    background: #1cb9c8;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    padding: 14px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rsform .rsform-block .formControls .formBody button:hover {
    background: #08838f;
}

.rsform .rsform-block .formControls .formBody .formValidation {
    display: block;
}


/*=========================  End of Home Call back css  ======================*/


/*=============================================================================
=                                   17. Team css                              =
===============================================================================*/

.team-three .layout3 .tlp-equal-height {
    margin-bottom: 10px;
}

.team-three .layout3 .single-team-area {
    position: relative;
}

.team-three .layout3 .single-team-area figure {
    position: relative;
}

.team-three .layout3 .single-team-area figure::after {
    background: rgba(28, 180, 200, 0.9);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    transition: all 0.3s ease-out 0s;
}

.team-three .layout3 .single-team-area:hover figure::after {
    opacity: 1;
}

.team-three .layout3 .single-team-area .tlp-content h3 {
    margin-bottom: 5px;
}

.team-three .layout3 .single-team-area .tlp-content h3 a {
    color: #222222;
}

.team-three .layout3 .single-team-area .contact-info {
    padding: 0;
}

.team-three .layout3 .single-team-area .tlp-team-skill {
    padding: 0;
}

.team-three .layout3 .single-team-area .social-icons {
    background: transparent;
    border-radius: 0 !important;
    position: absolute;
    top: 40%;
    bottom: inherit;
    left: 0;
    right: 0;
    opacity: 0;
    text-align: center;
    padding: 10px;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    transform: translateY(-40%);
    transition: all 0.3s ease-out 0s;
}

.team-three .layout3 .single-team-area .social-icons a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    line-height: 36px;
    margin: 0 6px 0 0;
    width: 38px;
    height: 38px;
    transition: all 0.3s ease-out 0s;
}

.team-three .layout3 .single-team-area .social-icons a .fa {
    padding-top: 10px;
}

.team-three .layout3 .single-team-area .social-icons a:hover {
    background: #08838f;
    border: 1px solid #08838f;
    border-radius: 50%;
}

.team-three .layout3 .single-team-area .social-icons a:hover .fa {
    background: transparent;
    border-radius: 50%;
    height: 36px;
    width: 36px;
}

.team-three .layout3 .single-team-area:hover .social-icons {
    opacity: 1;
}

.layout1 .single-team-area .social-icons a,
.layout8 .single-team-area .social-icons a,
.layout10 .single-team-area .social-icons a,
.layout12 .single-team-area .social-icons a,
.layout13 .single-team-area .social-icons a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    line-height: 36px;
    width: 38px;
    height: 38px;
    transition: all 0.3s ease-out 0s;
}

.layout1 .single-team-area .social-icons a .fa,
.layout8 .single-team-area .social-icons a .fa,
.layout10 .single-team-area .social-icons a .fa,
.layout12 .single-team-area .social-icons a .fa,
.layout13 .single-team-area .social-icons a .fa {
    padding-top: 10px;
}

.layout1 .single-team-area .social-icons a:hover,
.layout8 .single-team-area .social-icons a:hover,
.layout10 .single-team-area .social-icons a:hover,
.layout12 .single-team-area .social-icons a:hover,
.layout13 .single-team-area .social-icons a:hover {
    background: #08838f;
    border: 1px solid #08838f;
    border-radius: 50%;
}

.layout1 .single-team-area .social-icons a:hover .fa,
.layout8 .single-team-area .social-icons a:hover .fa,
.layout10 .single-team-area .social-icons a:hover .fa,
.layout12 .single-team-area .social-icons a:hover .fa,
.layout13 .single-team-area .social-icons a:hover .fa {
    background: transparent;
    border-radius: 50%;
    height: 36px;
    width: 36px;
}

.layout1 .single-team-area .tlp-overlay p,
.layout8 .single-team-area .tlp-overlay p,
.layout10 .single-team-area .tlp-overlay p,
.layout12 .single-team-area .tlp-overlay p,
.layout13 .single-team-area .tlp-overlay p {
    margin-bottom: 10px;
}

.tlp-team .layout8 .single-team-area .social-icons {
    display: inline-block;
}

.layout3 .tlp-equal-height {
    margin-bottom: 20px;
}

.layout3 .single-team-area {
    position: relative;
}

.layout3 .single-team-area .tlp-content h3 {
    margin-bottom: 5px;
}

.layout3 .single-team-area .tlp-content h3 a {
    color: #1cb9c8;
}

.layout3 .single-team-area .contact-info {
    padding: 0;
}

.layout3 .single-team-area .tlp-team-skill {
    padding: 0;
}

.layout3 .single-team-area .social-icons {
    background: rgba(28, 180, 200, 0.7);
    border-radius: 50%;
    position: absolute;
    bottom: 83px;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    text-align: center;
    padding: 10px;
    transition: all 0.3s ease-out 0s;
}

.layout3 .single-team-area .social-icons a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    line-height: 36px;
    margin: 45% 6px 0 0;
    width: 38px;
    height: 38px;
    transition: all 0.3s ease-out 0s;
}

.layout3 .single-team-area .social-icons a .fa {
    padding-top: 10px;
}

.layout3 .single-team-area .social-icons a:hover {
    background: #08838f;
    border: 1px solid #08838f;
    border-radius: 50%;
}

.layout3 .single-team-area .social-icons a:hover .fa {
    background: transparent;
    border-radius: 50%;
    height: 36px;
    width: 36px;
}

.layout3 .single-team-area:hover .social-icons {
    opacity: 1;
}

.layout8 .tlp-overlay .tlp-title {
    height: 70px !important;
    bottom: 70px !important;
}

.layout8 .tlp-overlay .tlp-content {
    left: 0;
    right: 0;
}

.layout13 .single-team-area .tlp-overlay .tlp-position {
    margin-bottom: 8px;
}

.tlp-team .layout13 .single-team-area .tlp-overlay {
    display: -ms-flexbox;
    display: flex;
    transition: all .5s;
    -ms-flex-align: center;
    align-items: center;
}

.tlp-team .layout13 .single-team-area .tlp-overlay .item-info {
    padding-top: 0;
}

.tlp-team .layout14 .tlp-overlay:hover .item-info .item-info-bottom,
.tlp-team .isotope8 .tlp-overlay:hover .item-info .item-info-bottom {
    bottom: 40%;
}


/*-------------------------------- 17.1 Single Team css ----------------------*/

.tlp-team .tlp-team-detail {
    padding-bottom: 0;
}

.tlp-team-detail .tlp-content h3 {
    position: relative;
    padding-bottom: 15px;
}

.tlp-team-detail .tlp-content h3::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 60px;
}

.tlp-team-detail .social-icons {
    padding: 10px;
    text-align: center !important;
    transition: all 0.3s ease-out 0s;
}

.tlp-team-detail .social-icons a {
    border: 1px solid #1cb9c8;
    border-radius: 0;
    color: #1cb9c8;
    font-size: 20px;
    margin: 0 8px 0 0;
    width: 40px;
    height: 40px;
    line-height: 38px;
    transition: all 0.3s ease-out 0s;
}

.tlp-team-detail .social-icons a .fa {
    display: inline;
    padding: 0px;
}

.tlp-team-detail .social-icons a:hover {
    background: #08838f;
    border: 1px solid #08838f;
    border-radius: 0;
}

.tlp-team-detail .social-icons a:hover .fa {
    background: transparent;
    border-radius: 0;
    height: 40px;
    width: 40px;
    opacity: 1;
}

.tlp-team-detail .detail-image {
    position: relative;
    overflow: hidden;
}

.tlp-team-detail .detail-image::before {
    background: rgba(28, 180, 200, 0.5);
    content: "";
    height: 100%;
    position: absolute;
    right: -100%;
    top: -100%;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.tlp-team-detail .detail-image:hover::before {
    right: 0;
    top: 0;
}

.tlp-team-detail .detail-image::after {
    background: rgba(28, 180, 200, 0.5);
    content: "";
    height: 100%;
    position: absolute;
    left: -100%;
    bottom: -100%;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.tlp-team-detail .detail-image:hover::after {
    left: 0;
    bottom: 0;
}


/*==============================  End of Team css  ===========================*/


/*=============================================================================
=                               18. Testimonial css                           =
==============================================================================*/

.tss-wrapper .tss-layout3 .single-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tss-wrapper .tss-layout3 .single-item-wrapper .item-content {
    color: #cbcbcb;
}

.tss-wrapper .tss-layout3 .single-item-wrapper .item-content-wrapper {
    background: transparent;
    padding: 0 30px;
}

.tss-wrapper .tss-layout3 .single-item-wrapper .item-content-wrapper::before {
    left: inherit;
    right: 0;
    font-size: 22px;
}

.tss-wrapper .tss-layout3 ul.slick-dots {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
}

.tss-wrapper .tss-layout3 ul.slick-dots li button {
    background: #ffffff;
    border-radius: 0;
    height: 5px;
    margin: 0 5px;
    padding: 0px;
    width: 60px;
}

.tss-wrapper .tss-layout3 ul.slick-dots li.slick-active button {
    background: #1cb9c8;
}


/*==============================  End of Testimonial css  ====================*/


/*=============================================================================
=                             19. Home one news slider css                      =
===============================================================================*/

.home-one-news .sppb-addon-title {
    margin-left: 15px;
}

.home-one-news .bm_over {
    overflow: inherit;
}

.home-one-news .bm_slider {
    border-radius: 0;
}

.home-one-news .cycle-paused::after {
    display: none;
}

.home-one-news .bm_slider_theme1 .bm_slider_item {
    padding: 0px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip {
    background: #ffffff;
    margin: 0 15px;
    position: relative;
    padding-bottom: 25px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item:hover {
    background: transparent;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    padding: 0 15px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a {
    color: #222222;
    font-size: 20px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .date-author {
    position: absolute;
    top: 0;
    right: 0;
    background: #1cb9c8;
    line-height: 20px;
    padding: 8px 22px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .date-author .date {
    color: #ffffff;
    font-weight: 600;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_desc {
    font-size: 14px;
    padding: 0 15px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_desc a.bm_readmore_button {
    border: 2px solid #1cb9c8;
    margin-top: 15px;
    padding: 5px 12px;
    display: inline-block;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev {
    right: 49px;
    left: inherit;
    top: -85px;
    height: 30px;
    line-height: 8px;
    width: 30px;
    opacity: 1;
    background: transparent;
    border: 2px solid #1cb9c8;
    text-align: center;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev::after {
    content: "\f104";
    color: #1cb9c8;
    font-family: FontAwesome;
    font-size: 20px;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next {
    right: 15px !important;
    left: inherit;
    opacity: 1;
    top: -85px;
    background: transparent;
    border: 2px solid #1cb9c8;
    text-align: center;
    height: 30px;
    line-height: 8px;
    width: 30px;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next::after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 20px;
    color: #1cb9c8;
}

.home-one-news .bm_over_theme1 .bm_slider_button:hover {
    left: inherit;
}

.home-one-news .image-effect {
    position: relative;
    overflow: hidden;
}

.home-one-news .image-effect .overley {
    background: rgba(28, 180, 200, 0.9);
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 1s ease 0s;
    width: 100%;
}

.home-one-news .image-effect .overley ul {
    text-align: center;
    top: 40%;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
}

.home-one-news .image-effect .overley ul li {
    list-style: none;
    display: inline-block;
}

.home-one-news .image-effect .overley ul li a {
    background: rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 38px;
    padding: 0;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.home-one-news .image-effect .overley ul li a::before {
    content: "";
    margin-right: 0;
}

.home-one-news .image-effect .overley ul li a:hover {
    transition: all 0.3s ease 0s;
}

.home-one-news .image-effect:hover .overley {
    opacity: 1;
    transform: scale(1);
}

div.bm_slider_theme1:hover ~ div.bm_slider_button .bm_slider_prev {
    left: inherit;
}


/*========================  End of Home one news slider css  ===================*/


/*===============================================================================
=                              20. Home two news css                            =
================================================================================*/

.home-two-news .image-part {
    display: table-cell;
    vertical-align: middle;
}

.home-two-news .image-part .moduleItemIntrotext {
    padding: 0;
}

.home-two-news .image-part .moduleItemIntrotext a.moduleItemImage {
    position: relative;
    overflow: hidden;
    display: block;
}

.home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img {
    margin: 0;
    transform: scale(1);
    transition: all 1s;
}

.home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img:hover {
    transform: scale(1.1);
}

.home-two-news .content-part {
    display: table-cell;
    vertical-align: top;
    padding: 10px 20px;
}

.home-two-news .content-part a.moduleItemTitle {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.home-two-news .content-part a.moduleItemTitle:hover {
    color: #1cb9c8;
}

.home-two-news .content-part .moduleItemDateCreated {
    border-right: 1px solid #cccccc;
    margin-right: 10px;
    padding-right: 8px;
}

.home-two-news .content-part a.moduleItemComments {
    margin-right: 10px;
    padding-right: 8px;
}

.home-two-news .read-more {
    display: table-cell;
    vertical-align: middle;
}

.home-two-news .read-more a {
    display: table-cell;
    background: #1cb9c8;
    height: 127px;
    padding: 0 30px;
    vertical-align: middle;
}

.home-two-news .read-more a i {
    color: #ffffff;
}

.home-two-news ul li {
    background: #ffffff;
}


/*==========================  End of Home two news css  ======================*/


/*=============================================================================
=                         21. Home three latest news css                      =
==============================================================================*/

.home-three-news ul {
    margin: 0;
    padding: 0;
}

.home-three-news ul li {
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 33.33333333%;
}

.home-three-news ul li .full-section {
    position: relative;
    margin: 0 15px;
    background: #ffffff;
}

.home-three-news ul li .full-section .image-part {
    position: relative;
    overflow: hidden;
}

.home-three-news ul li .full-section .image-part .overley {
    background: rgba(28, 180, 200, 0.9);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    transition: all 1s ease 0s;
    width: 100%;
}

.home-three-news ul li .full-section .image-part .overley ul {
    text-align: center;
    top: 40%;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
}

.home-three-news ul li .full-section .image-part .overley ul li {
    list-style: none;
    display: inline-block;
    float: inherit;
}

.home-three-news ul li .full-section .image-part .overley ul li a {
    color: #ffffff;
    font-size: 18px;
}

.home-three-news ul li .full-section:hover .overley {
    opacity: 1;
    transform: scale(1);
}

.home-three-news ul li .full-section .content-part {
    padding: 20px;
}

.home-three-news ul li .full-section .content-part a.moduleItemTitle {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}

.home-three-news ul li .full-section .content-part a.moduleItemTitle:hover {
    color: #1cb9c8;
}

.home-three-news ul li .full-section .content-part .moduleItemDateCreated {
    position: absolute;
    top: 0;
    right: 0;
    background: #1cb9c8;
    line-height: 20px;
    padding: 8px 22px;
}

.home-three-news ul li .full-section .content-part .moduleItemDateCreated .date {
    color: #ffffff;
    font-weight: 600;
}

.home-three-news ul li .full-section .content-part .content {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}


/*=========================  End of Home three latest news css  ==============*/


/*=============================================================================
=                                22. Logo slider css                          =
==============================================================================*/

#sp-logo-slider {
    border-top: 1px solid #e5e5e5;
    padding: 60px 0;
}



.logo-slider .rt-logo-showcase .slick-prev {
    height: auto;
    width: auto;
    left: -30px;
}

.logo-slider .rt-logo-showcase .slick-prev:before {
    border: 2px solid #1cb9c8;
    color: #1cb9c8;
    content: "\f104";
    font-family: 'FontAwesome';
    padding: 0 8px;
}

.logo-slider .rt-logo-showcase .slick-next {
    height: auto;
    width: auto;
    right: -30px;
}

.logo-slider .rt-logo-showcase .slick-next:before {
    border: 2px solid #1cb9c8;
    color: #1cb9c8;
    content: "\f105";
    font-family: 'FontAwesome';
    padding: 0 8px;
}


/*==========================  End of Logo slider css  ========================*/


/*=============================================================================
=                            23. Free Consultation css                        =
==============================================================================*/

#sp-free-consultation {
    background: #1cb9c8;
    padding: 30px 0;
}

.consultation .free-consult-text {
    font-family: "Raleway", sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 52px;
}

.consultation .free-consult-text p {
    margin-bottom: 0;
}

.consultation .get-free-consult a {
    border: 2px solid #ffffff;
    color: #ffffff;
    display: block;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    padding: 12px 20px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.5s;
}


/*==========================  End of Free Consultation css  ==================*/


/*=============================================================================
=                                  24. Bottom css                             =
==============================================================================*/

#sp-bottom {
    padding: 90px 0;
}

#sp-bottom .sp-module h3.sp-module-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 24px;
}

#sp-bottom .sp-module ul li {
    border: none;
}

#sp-bottom .sp-module ul li a {
    color: #ffffff;
    line-height: 32px;
}

#sp-bottom .sp-module ul li a::before {
    content: "";
    margin-right: 0;
}

#sp-bottom .sp-module ul li a::focus {
    background: transparent;
}

.sp-tweet-item {
    background: none !important;
}

.sp-tweet-first {
    padding-top: 0px !important;
}

#sp-bottom .sp-module .latestnews > div > a {
    color: #ffffff;
}


/*----------------------------- 24.1 Flickr photos css ------------------------*/

.flickr-photos .gallery-flickr {
    display: inline-flex;
    margin-top: 8px;
}


/*--------------------------- 24.2 Corporate-office css -----------------------*/

.corporate-office ul li {
    margin-bottom: 15px;
}

.corporate-office ul li i {
    color: #1cb9c8;
    padding-right: 10px;
}


/*===============================  End of Bottom css  ========================*/


/*=============================================================================
=                                   25. Footer css                            =
==============================================================================*/

#sp-footer {
    border-top: 1px solid #5f5f5f;
    padding: 20px 0;
    text-align: left !important;
}

#sp-footer ul.social-icons {
    text-align: right;
    display: block;
}

#sp-footer ul.social-icons li a {
    border: 1px solid #1cb9c8;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 34px;
    height: 36px;
    width: 36px;
}

.scrollToTop {
    display: block;
    bottom: 18px;
    right: 12px;
    color: #ffffff;
    cursor: pointer;
    height: 40px;
    line-height: 36px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    /*  -webkit-animation: flash 3000ms infinite;
  -moz-animation: flash 3000ms infinite;
  -ms-animation: flash 3000ms infinite;
  -o-animation: flash 3000ms infinite;
  animation: flash 3000ms infinite;
*/
    width: 40px;
    z-index: 9999;
}

.scrollToTop:after {
    color: #ffffff;
    content: "\f102";
    font-family: "FontAwesome";
    font-size: 25px;
}

.scrollToTop:hover {
    /*-webkit-animation: flash 0s infinite;
  -moz-animation: flash 0s infinite;
  -ms-animation: flash 0s infinite;
  -o-animation: flash 0s infinite;
  animation: flash 0s infinite;*/
}


/*=============================  End of Footer css  ==========================*/


/*=============================================================================
=                               26. Inner banner css                          =
==============================================================================*/

#sp-page-title .sp-page-title {
    padding: 90px 0;
    text-align: center;
    background-position: center;
}

#sp-page-title .sp-page-title h2 {
    font-size: 48px;
    text-transform: none;
}

#sp-page-title .sp-page-title .breadcrumb li.active {
    color: #1cb9c8;
}

#sp-page-title .sp-page-title .breadcrumb li a:hover {
    color: #1cb9c8;
}


/*============================  End of Inner banner css  =====================*/


/*=============================================================================
=                           27. Help your business css                        =
==============================================================================*/

.sppb-section.ready-help-section {
    padding-bottom: 0 !important;
}

.sppb-section.help-business {
    padding-top: 0 !important;
}

.help-business h3 {
    font-size: 22px;
    position: relative;
    padding-bottom: 12px;
}

.help-business h3::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 50px;
}

.help-business h3 a {
    color: #222222;
}

.help-business a {
    overflow: hidden;
    display: block;
}

.help-business a img {
    transform: scale(1);
    transition: all 1s ease-in-out;
    width: 100%;
}

.help-business a:hover img {
    transform: scale(1.1);
}


/*==========================  End of Help your business css  =================*/


/*=============================================================================
=                           28. 25 years experiance css                       =
==============================================================================*/

.years-experience h2 {
    border: 1px dashed #ffffff;
    color: #ffffff;
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 30px;
    text-align: center;
    transition: all 0.5s ease 0s;
}

.years-experience h2 span {
    color: #1cb9c8;
    font-weight: 700;
}

.years-experience:hover h2 {
    color: #1cb9c8;
    border: 1px dashed #1cb9c8;
}

.years-experience:hover h2 span {
    color: #ffffff;
}


/*=========================  End of 25 years experiance css  =================*/


/*============================================================================
=                               29. Our success css                          =
==============================================================================*/

.our-sucess .zen-skills-container .skill-circle-item .circle-text {
    color: #222222;
}

.our-sucess .zen-skills-container .skill-circle-item p {
    color: #222222;
    font-size: 16px;
}


/*==========================  End of Our success css  ========================*/


/*=============================================================================
=                            30. Our core features css                        =
==============================================================================*/

.our-core-feature .single-feature {
    margin-top: 30px;
}

.our-core-feature .single-feature .service-image {
    width: 30px;
}

.our-core-feature .single-feature .service-image i {
    font-size: 34px;
    color: #1cb9c8;
}

.our-core-feature .single-feature .service-content {
    padding-left: 20px;
}

.our-core-feature .single-feature .service-content h3 {
    position: relative;
    font-size: 22px;
    line-height: 1;
    padding-bottom: 15px;
}

.our-core-feature .single-feature .service-content h3 a {
    color: #222222;
}

.our-core-feature .single-feature .service-content h3 a:hover {
    color: #1cb9c8;
}

.our-core-feature .single-feature .service-content h3::after {
    background: #1cb9c8;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 50px;
}


/*==========================  End of Our core features css  ==================*/


/*=============================================================================
=                               31. About page css                            =
===============================================================================*/


/*----------------------------- 31.1 About 1 page css -------------------------*/

.sppb-addon-tab ul.sppb-nav-tabs {
    border-bottom: none;
    margin-bottom: 40px;
}

.sppb-addon-tab ul.sppb-nav-tabs li {
    margin-bottom: 0;
}

.sppb-addon-tab ul.sppb-nav-tabs li a {
    background: transparent;
    border: 2px solid #1cb9c8;
    border-radius: 0;
    color: #1cb9c8;
    font-size: 18px;
    font-weight: 300;
    margin-right: 50px;
    padding: 8px 70px;
}

.sppb-addon-tab ul.sppb-nav-tabs li a:hover {
    background: #1cb9c8;
    color: #ffffff;
}

.sppb-addon-tab ul.sppb-nav-tabs li.active a {
    background: #1cb9c8;
    border: 2px solid #1cb9c8;
    border-radius: 0;
    color: #ffffff;
}

.sppb-addon-tab ul.sppb-nav-tabs li:last-child a {
    margin-right: 0;
}

.sppb-addon-tab .sppb-tab-content {
    border: none;
    padding: 0;
}

.sppb-addon-tab .sppb-tab-content .media-body {
    padding-left: 40px;
}

.sppb-addon-tab .sppb-tab-content .media-body h2 {
    position: relative;
    color: #222222;
    font-size: 30px;
    padding-bottom: 15px;
}

.sppb-addon-tab .sppb-tab-content .media-body h2::after {
    background: #1cb9c8;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
}


/*---------------------------- 31.2 About 2 page css  ------------------------*/

.sppb-text-left .sppb-addon-title {
    position: relative;
    padding-bottom: 15px;
}

.sppb-text-left .sppb-addon-title::after {
    background: #1cb9c8;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 60px;
}

.sppb-text-left .pull-left {
    font-size: 30px;
    color: #cdcdcd;
    position: relative;
    margin-right: 30px;
    padding-bottom: 5px;
    line-height: 1.4;
}

.sppb-text-left .pull-left::after {
    background: #1cb9c8;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 35px;
}


/*---------------------------- 31.3 sppb-carousel  ---------------------------*/

.sppb-carousel .sppb-carousel-arrow .fa {
    background: rgba(0, 0, 0, 0.8);
    padding: 8px 10px;
}

.sppb-carousel .sppb-carousel-arrow .fa-chevron-left {
    margin-left: -20px;
}

.sppb-carousel .sppb-carousel-arrow .fa-chevron-right {
    margin-right: -20px;
}

.communication {
    text-align: center;
    color: #ffffff;
}

.communication h2 {
    margin-bottom: 0;
}


/*------------------------------ 31.4 About 3 page css ------------------------*/

.sppb-carousel-indicators li {
    background: #869791;
    border: none;
    margin: 0 8px 0 0 !important;
    height: 12px;
    width: 12px;
}

.sppb-carousel-indicators li.active {
    background: #1cb9c8;
}


/*--------------------------- 31.5  About 4 page css --------------------------*/

.about-four-section {
    border-top: 1px solid #e5e5e5;
}

.about-four-service .rt-features .single-feature {
    position: relative;
    text-align: center;
    padding: 15px;
}

.about-four-service .rt-features .single-feature .icon .fa {
    color: #1cb9c8;
    font-size: 55px;
    line-height: 1.5;
}

.about-four-service .rt-features .single-feature h3 {
    font-size: 24px;
    position: relative;
    padding-bottom: 10px;
}

.about-four-service .rt-features .single-feature h3::after {
    background: #1cb9c8;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
    width: 60px;
}

.about-four-service .rt-features .single-feature:hover {
    box-shadow: 0 1px 5px 2px #a6a6a6;
    content: "";
    height: 100%;
    transition: all 0.3s ease-out 0s;
}


/*----------------------------- 31.6 Skill Progress bar css -------------------*/

.sppb-addon-pie-progress .sppb-text-center {
    position: relative;
}

.sppb-addon-pie-progress .sppb-text-center .sppb-chart-percent {
    color: #1cb9c8;
    font-size: 34px;
    font-weight: 700;
}

.sppb-addon-pie-progress .sppb-text-center h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 55px;
    margin-bottom: 0;
    font-size: 14px;
    color: #ffffff;
}

.sppb-addon-pie-progress .sppb-text-center .sppb-addon-text {
    display: none;
}

.our-sucess h3.sppb-title-heading {
    position: relative;
    padding-bottom: 10px;
    line-height: 1.4 !important;
}

.our-sucess h3.sppb-title-heading::after {
    background: #1cb9c8;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
}

.our-sucess .sppb-addon-pie-progress .sppb-text-center {
    position: relative;
}

.our-sucess .sppb-addon-pie-progress .sppb-text-center h3 {
    position: inherit;
    bottom: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: #000000;
}

.our-sucess .sppb-addon-pie-progress .sppb-text-center .sppb-addon-text {
    display: none;
}

.sppb-progress {
    height: 30px;
}

.sppb-progress .sppb-progress-bar {
    background: #1cb9c8;
    line-height: 30px;
}


/*==============================  End of About page css  =====================*/


/*=============================================================================
=                              32. Service page css                           =
==============================================================================*/


/*----------------------------- 32.1 Service 1 page css ----------------------*/

.service-one .main-title {
    display: none;
}

.service-one .single-feature {
    position: relative;
    overflow: hidden;
}

.service-one .single-feature .service-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.service-one .single-feature .service-image::after {
    background: rgba(28, 185, 200, 0.9);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.service-one .single-feature .overley {
    text-align: center;
}

.service-one .single-feature .overley h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -100%;
    transform: translateY(-50%);
    transition: all 1s ease 0s;
}

.service-one .single-feature .overley h3::after {
    background: #ffffff;
    bottom: -15px;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 60px;
}

.service-one .single-feature .overley h3 a {
    color: #ffffff;
}

.service-one .single-feature .overley p {
    bottom: -100%;
    color: #ffffff;
    left: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    transform: translateY(-100%);
    transition: all 1s ease 0s;
}

.service-one .single-feature:hover .service-image::after {
    opacity: 1;
}

.service-one .single-feature:hover .overley h3 {
    top: 30%;
}

.service-one .single-feature:hover .overley p {
    bottom: 10%;
}


/*----------------------------- 32.2 Service 2 page css ----------------------*/

.service-two .single-feature {
    text-align: center;
    margin-top: 30px;
}

.service-two .single-feature .service-image {
    float: none !important;
    margin-bottom: 12px;
}

.service-two .single-feature .service-image .fa {
    color: #1cb9c8;
    font-size: 36px;
}

.service-two .single-feature .service-content h3 {
    font-size: 22px;
    color: #222222;
    position: relative;
    padding-bottom: 15px;
}

.service-two .single-feature .service-content h3 a {
    color: #222222;
}

.service-two .single-feature .service-content h3 a:hover {
    color: #1cb9c8;
}

.service-two .single-feature .service-content h3::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 50px;
    height: 3px;
}


/*============================  End of Service page css  =====================*/


/*=============================================================================
=                              33. Portfolio page css                         =
==============================================================================*/

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content h3,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content h3 {
    font-weight: 600;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content h3 a,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content h3 a {
    font-weight: 600;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content .tlp-content-holder,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content .tlp-content-holder {
    padding: 15px 0;
}

.tlp-portfolio .layout2 .tlp-content-holder {
    padding-top: 0px !important;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-overlay .tlp-title,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-overlay .tlp-title {
    background: rgba(28, 180, 200, 0.9);
    bottom: 50px;
    padding: 0;
    height: 50px;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-overlay .tlp-title h3,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-overlay .tlp-title h3 {
    padding: 10px 15px;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .image-container .tlp-overlay .tlp-title h3 a,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .image-container .tlp-overlay .tlp-title h3 a {
    color: #ffffff;
}

.tlp-portfolio .isotope2 .image-container .tlp-overlay .tlp-title h3 a {
    color: #ffffff;
}

.tlp-portfolio .isotope4 .tlp-portfolio-thum .tlp-content p {
    padding: 0;
}

.tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom,
.tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom {
    bottom: 32%;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group {
    margin-bottom: 40px;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button {
    background: #1cb9c8;
    padding: 10px 15px;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button:hover {
    background: #08838f;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button.selected {
    background: #08838f;
}

.tlp-portfolio-item .tlp-overlay h3,
.tlp-portfolio-item .tlp-content h3 {
    margin-bottom: 8px !important;
    padding-bottom: 0px !important;
}

.tlp-portfolio .isotope7 .tlp-portfolio-item h3 {
    padding-top: 8%;
}

.isotope7 .tlp-portfolio-item .tlp-content p {
    padding: 0px 18px;
}


/*==========================  End of Portfolio page css  =====================*/


/*=============================================================================
=                              34. Default item css                           =
==============================================================================*/

#sp-component .item-page img {
    margin-bottom: 25px;
}

#sp-component .item .entry-header {
    margin-bottom: 20px;
}

#sp-component .item .entry-header h2 {
    font-size: 28px;
    color: #222222;
}

#sp-component .item .entry-header h2 a:hover {
    color: #1cb9c8;
}

.entry-header .article-info {
    margin-bottom: 15px;
}

.readmore .btn-default {
    background: #1cb9c8;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #ffffff;
}

#display-form .accordion-inner {
  padding: 0;
}
#display-form .contact-form form {
  background: transparent;
  border: none;
  box-shadow: none;
}
#display-form .contact-form form .control-group input,
#display-form .contact-form form .control-group textarea {
  border-radius: 0;
  box-shadow: none;
}
#display-form .contact-form form .control-group button {
  border-radius: 3px;
}
.login .group-control input {
  border: 1px solid #dedede;
  box-shadow: none;
  border-radius: 3px;
  height: 40px;
}
.login .btn {
  border-radius: 3px;
  padding: 10px 20px;
}
.registration .group-control input {
  border: 1px solid #dedede;
  box-shadow: none;
  border-radius: 3px;
  height: 40px;
}
.registration .btn {
  border-radius: 3px;
  padding: 10px 20px;
}
.search .btn-toolbar input {
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
}
.search .btn-toolbar button {
  border-radius: 0;
}
.search select {
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
}
.search legend {
  font-size: 24px;
}
.finder .word input {
  border: 1px solid #dddddd;
  border-radius: 0;
  box-shadow: none;
}
.finder .word button {
  border-radius: 0;
  opacity: 1;
}
.error-page .error-page-inner {
  background-size: cover;
  background-position: center;
  position: relative;
}
.error-page .error-page-inner::after {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.error-page .error-page-inner > div {
  position: relative;
  z-index: 9;
}
.error-page .error-page-inner .error-code {
  font-size: 230px;
  letter-spacing: 15px;
  color: #ffffff;
}
.error-page .error-page-inner .error-message {
  font-size: 30px;
  color: #ffffff;
}
.error-page .error-page-inner a.btn-primary {
  background: #1cb9c8;
  border: none;
  font-size: 16px;
  font-weight: 500;
  padding: 19px 35px;
  letter-spacing: 1px;
}
.error-page .error-page-inner a.btn-primary i::before {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.error-page .error-page-inner a.btn-primary:hover {
  color: #ffffff;
}
.error-page .error-page-inner a.btn-primary:hover i::before {
  padding-right: 7px;
}
body .scrollup {
  background: #1cb9c8;
  border: 2px solid #1cb9c8;
  border-radius: 3px;
  height: 44px;
  width: 44px;
}
body .scrollup::before {
  color: #ffffff;
  line-height: 38px;
}
body .scrollup:hover {
  background: #08838f;
}

/*============================  End of Default item css ======================*/


/*=============================================================================
=                            35. K2 Category item css                         =
==============================================================================*/

#k2Container {
    padding: 0;
}

.rt-catitem {
    margin-bottom: 30px;
}

.rt-catitem .catItemImageBlock {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.rt-catitem .catItemImageBlock .catItemImage {
    margin-bottom: 0;
}

.rt-catitem .catItemImageBlock .catItemImage img {
    transform: scale(1);
    transition: all 1s ease 0s;
}

.rt-catitem .catItemImageBlock .catItemImage:hover img {
    transform: scale(1.1);
}

.rt-catitem .catItemHeader h3.catItemTitle {
    font-size: 22px;
    margin-bottom: 15px;
    padding: 0 0 10px 0;
    position: relative;
}

.rt-catitem .catItemHeader h3.catItemTitle a {
    color: #222222;
}

.rt-catitem .catItemHeader h3.catItemTitle a:hover {
    color: #1cb9c8;
}

.rt-catitem .catItemHeader h3.catItemTitle::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
}

.rt-catitem .catItemHeader .catItemDateCreated {
    float: left;
    margin-right: 10px;
}

.rt-catitem .catItemHeader .catItemDateCreated span {
    padding-right: 10px;
}

.rt-catitem .catItemReadMore .fa {
    padding-left: 8px;
}


/*=========================  End of K2 Category item css  ====================*/


/*=============================================================================
=                               36. K2 item details css                       =
==============================================================================*/

.rt-item .itemToolbar {
    background: transparent;
    margin: 0;
    padding: 0;
}

.rt-item .itemBody {
    padding: 0;
}

.rt-item .itemBody .itemImageBlock {
    margin: 0;
    padding: 0;
}

.rt-item .itemBody .itemImageBlock .itemImage {
    margin-bottom: 0;
}

.rt-item .itemBody .itemHeader {
    margin-top: 20px;
    margin-bottom: 20px;
}

.rt-item .itemBody .itemHeader h3 {
    position: relative;
    font-size: 24px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.rt-item .itemBody .itemHeader h3::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
}

.rt-item .itemBody .itemHeader ul {
    list-style: none;
    padding-left: 0;
}

.rt-item .itemBody .itemHeader ul li {
    display: inline-block;
    padding-right: 15px;
}

.rt-item .itemBody .itemHeader ul li .fa {
    padding-right: 5px;
}

.rt-item .itemLinks {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 30px 0;
    padding: 15px 0;
}

.rt-item .itemLinks span {
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}

.rt-item .itemComments {
    background: transparent;
    border: none;
    padding: 0;
}

.rt-item .itemComments .itemCommentsCounter {
    font-size: 18px;
    padding-bottom: 12px;
    text-transform: capitalize;
    position: relative;
}

.rt-item .itemComments .itemCommentsCounter::after {
    position: absolute;
    content: "";
    background: #1cb9c8;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
    width: 50px;
}

.rt-item .itemComments ul.itemCommentsList li {
    border-bottom: 1px solid #dddddd;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-author {
    height: 80px;
    width: 80px;
    display: table-cell;
    vertical-align: top;
}

.rt-item .itemComments ul.itemCommentsList li .comment-author img {
    width: 80px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content {
    display: table-cell;
    vertical-align: top;
    padding-left: 25px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentAuthorName h3 {
    font-size: 18px;
    margin: 0;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentAuthorName h3 a {
    color: #000000;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentDate {
    margin-bottom: 6px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink {
    float: left;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink .fa {
    color: #1cb9c8;
    padding-right: 6px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink a {
    color: #646464;
    font-size: 14px;
    text-decoration: none;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink a:hover {
    font-size: 14px;
    color: #1cb9c8;
    text-decoration: none;
}

.rt-item .itemComments .itemCommentsForm h3 {
    font-size: 18px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 12px;
}

.rt-item .itemComments .itemCommentsForm h3::after {
    position: absolute;
    content: "";
    background: #1cb9c8;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 3px;
    width: 50px;
}

.rt-item .itemComments .itemCommentsForm .itemCommentsFormNotes {
    border: none;
}

.rt-item .itemComments .itemCommentsForm .form-validate input {
    border-radius: 0;
    box-shadow: none;
}

.rt-item .itemComments .itemCommentsForm .form-validate textarea {
    border-radius: 0;
    box-shadow: none;
}

.rt-item .itemComments .itemCommentsForm .form-validate input#submitCommentButton {
    background: #1cb9c8;
    border-radius: 0;
    box-shadow: none;
    padding: 10px 15px;
    text-transform: uppercase;
    transition: all 0.3s;
}


/*===========================  End of K2 item details css   ==================*/


/*============================================================================
=                                37. Pagination css                          =
=============================================================================*/

.itemListView .k2Pagination {
    margin-bottom: 0;
    margin-top: 10px;
}

.itemListView .k2Pagination ul.pagination {
    margin-top: 0;
}

.itemListView .k2Pagination ul.pagination li a {
    margin: 0 1px;
    padding: 10px 0;
    background: #666666;
    border: none;
    border-radius: 0;
    color: #ffffff;
    width: 40px;
}

.itemListView .k2Pagination ul.pagination li a:hover {
    background: #1cb9c8;
}

.itemListView .k2Pagination ul.pagination li.active a {
    background: #1cb9c8;
    border: none;
}

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

.pagination-wrapper .pagination {
    margin-bottom: 0;
}

.pagination-wrapper .pagination li a {
    margin: 0 1px;
    padding: 10px 0;
    background: #666666;
    border: none;
    border-radius: 0;
    color: #ffffff;
    width: 40px;
}

.pagination-wrapper .pagination li a:hover {
    background: #1cb9c8;
    color: #ffffff;
}

.pagination-wrapper .pagination li.active a {
    background: #1cb9c8;
    border: none;
}

div.pagination {
    text-align: center;
    margin-bottom: 0;
    display: block;
}

div.pagination ul.pagination {
    margin-bottom: 0;
    display: inline-block;
}

div.pagination ul.pagination li a {
    background: #666666;
    border: none;
    border-radius: 0;
    color: #ffffff;
    line-height: 40px;
    margin: 0 5px;
    height: 40px;
    width: 40px;
    padding: 0;
    text-align: center;
}

div.pagination ul.pagination li a:hover {
    background: #1cb9c8;
    color: #ffffff;
}

div.pagination ul.pagination li.active a {
    background: #1cb9c8;
}

.pagination.pagination-toolbar {
    margin: 0;
}


/*==============================  End of Pagination css  =====================*/


/*=============================================================================
=                                  38. Sidebar css                            =
==============================================================================*/

.custom-class .sp-module .sp-module-title,
.class2 .sp-module .sp-module-title {
    font-size: 20px;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}

.custom-class .sp-module .sp-module-title::after,
.class2 .sp-module .sp-module-title::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
}

.custom-class .sp-module .search input,
.class2 .sp-module .search input {
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

.custom-class .sp-module ul li,
.class2 .sp-module ul li {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.custom-class .sp-module ul li a,
.class2 .sp-module ul li a {
    line-height: 24px;
}

.custom-class .sp-module ul li a::before,
.class2 .sp-module ul li a::before {
    color: #1cb9c8;
}


/*=============================  End of Sidebar css  =========================*/


/*=============================================================================
=                               39. Contact page css                          =
==============================================================================*/

.sppb-ajaxt-contact-form .sppb-form-group input,
.sppb-ajaxt-contact-form .sppb-form-group textarea {
    border-radius: 0;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}

.sppb-ajaxt-contact-form button {
    background: #1cb9c8;
    border-radius: 0;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 10px 15px;
    text-transform: uppercase;
}

.contact-info h3 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.contact-info h3::after {
    background: #1cb9c8;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
}

.contact-info ul {
    list-style: none;
    padding-left: 0;
}

.contact-info ul li {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.contact-info ul li .fa {
    color: #1cb9c8;
    padding-right: 8px;
}

.contact-info ul li:last-child {
    border: none;
}


/*============================  End of Contact page css  =====================*/


/*=============================================================================
=                                  40. Responsive css                         =
==============================================================================*/

@media (min-width: 1200px) and (max-width: 1495px) {
    #home-one .home-slider .tp-caption.largeblackbg,
    #home-two .home-slider .tp-caption.largeblackbg {
        left: 36% !important;
    }
    .home-slider .tp-caption.largeblackbg a.read-bg,
    .home-slider .tp-caption.largewhitebg a.read-nobg {
        padding: 15px 30px !important;
    }
    .home-slider .tp-caption.medium_text {
        font-size: 14px !important;
    }
    .home-slider .tp-caption.small_text {
        width: 70%;
    }
    .service-one .single-feature:hover .overley p {
        bottom: 10%;
    }
}


/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1199px) {
    .is-sticky #sp-header {
        height: 70px !important;
    }
    .is-sticky #sp-header .logo {
        height: 70px !important;
    }
    .is-sticky #sp-header .logo h1 img {
        max-width: 120px;
    }
    .is-sticky .sp-megamenu-parent > li > a,
    .is-sticky #offcanvas-toggler {
        line-height: 70px;
    }
    #sp-menu .sp-megamenu-parent > li > a {
        font-size: 13px;
        padding: 0 5px;
    }
    .consultation .free-consult-text {
        font-size: 24px;
    }
    .consultation .get-free-consult a {
        padding: 12px 10px;
    }
    .logo-slider .rt-logo-showcase .slick-prev {
        left: -20px;
    }
    .logo-slider .rt-logo-showcase .slick-next {
        right: -20px;
    }
    .choose-service .single-feature {
        margin-bottom: 0;
    }
    .choose-service {
        padding: 35px 0 40px 60px;
        min-height: 545px;
    }
    .home-two-service .rt-featuresn .service-content .main-title h3 {
        padding: 75px 0;
    }
    .home-two-service .rt-featuresn .service-content .overley {
        padding: 10px 15px;
        line-height: 17px;
    }
    .home-two-service .rt-featuresn .service-content .overley h3 {
        margin-bottom: 10px;
    }
    .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -15px;
    }
    .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -15px;
    }
    .home-slider .tp-caption.small_text {
        font-size: 14px !important;
        line-height: 18px !important;
        width: 75%;
    }
    .home-slider .tp-caption.medium_text {
        font-size: 14px !important;
    }
    .home-slider .tp-caption.largeblackbg {
        left: 33% !important;
    }
    #home-three .home-slider .tp-caption.largeblackbg {
        left: 390px !important;
    }
    #home-four .home-slider .tp-caption.largeblackbg {
        left: 410px !important;
    }
    .home-slider .tp-caption.largeblackbg a.read-bg,
    .home-slider .tp-caption.largewhitebg a.read-nobg {
        padding: 15px 25px !important;
    }
    .home-three-service .owl-carousel .owl-controls .owl-buttons {
        top: -60px;
    }
    .home-three-service .service-content .image-effect img {
        width: 100%;
    }
    .tlp-team .layout13 .single-team-area .tlp-overlay .item-info p {
        line-height: 18px;
        padding: 0 7px;
    }
    .tlp-team .layout13 .single-team-area .tlp-overlay .item-info {
        padding-top: 9%;
    }
    .rsform .formHorizontal .rsform-block {
        margin-right: 15px;
    }
    /*--------- Inner page css----------------*/
    .sppb-addon-tab ul.sppb-nav-tabs li a {
        margin-right: 30px;
        padding: 8px 54px;
    }
    .sppb-addon-tab .sppb-tab-content .media-body {
        padding-left: 20px;
    }
    .sppb-text-left .pull-left {
        margin-right: 10px;
    }
    .service-one .single-feature:hover .overley h3 {
        top: 25%;
    }
    .service-one .single-feature:hover .overley p {
        bottom: -10%;
    }
    .choose-service h3.sppb-addon-title {
        margin-bottom: 20px;
    }
    .tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom,
    .tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom {
        bottom: 20%;
    }
    h1 { font-size: 48px;}
}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    
    .logo-slider .rt-logo-showcase .slick-prev {
        left: -15px;
    }
    .logo-slider .rt-logo-showcase .slick-next {
        right: -15px;
    }
    .consultation .free-consult-text {
        font-size: 18px;
    }
    .consultation .get-free-consult a {
        font-size: 11px;
        padding: 12px 3px;
    }
    .home-one-service-slider h3.sppb-addon-title {
        font-size: 36px;
    }
    .home-one-service-slider .single-feature {
        padding: 0 10px;
    }
    .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -25px;
    }
    .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -25px;
    }
    .choose-section .sppb-container {
        width: 100%;
        padding-right: 0;
    }
    .choose-section .sppb-addon-single-image {
        padding-bottom: 1px;
    }
    .choose-service {
        padding: 75px 25px 45px 25px;
        min-height: 436px;
    }
    .choose-service .rt-features > div {
        width: 100%;
    }
    .choose-service .single-feature {
        margin-bottom: 33px;
        display: table;
    }
    .choose-service .single-feature .service-content {
        padding-left: 14px;
    }
    .choose-service h3.sppb-addon-title {
        font-size: 30px;
    }
    .choose-service .rt-features .service-content {
        vertical-align: middle;
    }
    .choose-service .rt-features .service-content p {
        display: none;
    }
    .sppb-addon-accordion .sppb-addon-title,
    .request-call h3 {
        font-size: 30px;
        line-height: 1.2;
    }
    .rt-form .form-group {
        margin-bottom: 0;
    }
    .rt-form .form-group input {
        margin-bottom: 12px;
    }
    .rt-form .submit-group {
        margin-top: 24px;
    }
    .home-two-service .nopadding {
        width: 33.33333%;
    }
    .home-two-service .rt-featuresn .service-content .main-title h3 {
        font-size: 22px;
        padding: 55px 0;
    }
    .home-two-service .rt-featuresn .service-content .overley {
        padding: 10px;
        font-size: 12px;
        line-height: 14px;
    }
    .home-two-service .rt-featuresn .service-content .overley h3 {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
        font-size: 60px;
    }
    .our-sucess .sppb-col-sm-4 {
        width: 100%;
    }
    .our-sucess .sppb-addon-pie-progress .sppb-text-center h3 {
        margin-bottom: 15px;
    }
    .home-three-news ul li .full-section .content-part {
        padding: 18px;
    }
    .home-four-service .rt-features > div {
        width: 33.33333%;
    }
    .home-four-service .single-feature h3,
    .our-core-feature .single-feature .service-content h3 {
        font-size: 20px;
    }
    #sp-page-title .sp-page-title {
        padding: 60px 0;
    }
    #sp-page-title .sp-page-title h2 {
        font-size: 38px;
    }
    .home-slider .tp-caption.large_text {
        font-size: 30px !important;
    }
    .home-slider .tp-caption.medium_text {
        font-size: 14px !important;
    }
    .home-slider .tp-caption.small_text {
        font-size: 14px !important;
        line-height: 18px !important;
        width: 75%;
    }
    .home-slider .tp-caption.largeblackbg {
        left: 215px !important;
    }
    .home-slider .tp-caption.largeblackbg,
    .home-slider .tp-caption.largewhitebg {
        top: 250px !important;
    }
    #home-two .home-slider .tp-caption.largeblackbg,
    #home-two .home-slider .tp-caption.largewhitebg {
        top: 220px !important;
    }
    #home-three .home-slider .tp-caption.largeblackbg {
        left: 266px !important;
        top: 230px !important;
    }
    #home-four .home-slider .tp-caption.largeblackbg {
        left: 300px !important;
        top: 230px !important;
    }
    .home-slider .tp-caption.largeblackbg a.read-bg,
    .home-slider .tp-caption.largewhitebg a.read-nobg {
        padding: 15px 25px !important;
    }
    .home-three-service .owl-carousel .owl-controls .owl-buttons {
        top: -60px;
    }
    .home-three-service .service-content .image-effect img {
        width: 100%;
    }
    #sp-bottom2 .sp-module {
        margin-bottom: 40px;
    }
    .home-four-about-section .sppb-empty-space {
        padding-bottom: 30px !important;
    }
    /*--------- Inner page css----------------*/
    .rsform .formHorizontal .rsform-block {
        float: inherit;
        width: inherit;
        margin-right: 0;
    }
    .sppb-addon-tab ul.sppb-nav-tabs li a {
        margin-right: 10px;
        padding: 8px 34px;
    }
    .sppb-addon-tab .sppb-tab-content .media-body {
        padding-left: 20px;
    }
    .sppb-text-left .pull-left {
        margin-right: 10px;
    }
    .service-one .single-feature:hover .overley h3 {
        top: 25%;
    }
    .service-one .single-feature:hover .overley p {
        bottom: -2%;
    }
    .about-four-service .rt-features > div {
        width: 33.33333%;
    }
    #sp-menu .sp-megamenu-parent .sp-dropdown-mega li.sp-menu-item a {
        padding: 10px 0px;
        text-align: left;
    }
    .tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom {
        bottom: 24%;
    }
    .tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom {
        bottom: 28%;
    }
    .choose-service .single-feature .service-content h3 {
        font-size: 20px;
    }
    #sp-page-builder > .page-content > section.sppb-section {
        padding: 80px 0;
    }
    #sp-logo-slider {
        padding: 40px 0px;
    }
    #sp-logo-slider .rt-logo-showcase .rt-logo-item .single-logo-container {
        padding: 0;
    }
    h1 { font-size: 40px;}
    h2 { font-size: 32px;}
}

@media (max-width: 767px) {

    .home-slider .tp-caption.large_text {
        font-size: 26px !important;
        line-height: 30px !important;
    }
    .home-slider .tp-caption.medium_text {
        font-size: 14px !important;
    }
    .home-slider .tp-caption.small_text,
    .home-slider .tp-caption.largeblackbg,
    .home-slider .tp-caption.largewhitebg {
        display: none;
    }
    #sp-top1,
    #sp-top2 {
        text-align: center;
    }
    ul.sp-contact-info {
        float: none;
    }
    #sp-header {
        height: 70px !important;
    }
    #sp-header .logo {
        height: 70px !important;
    }
    #offcanvas-toggler {
        line-height: 70px !important;
    }
    .is-sticky #sp-header {
        height: 60px !important;
    }
    .is-sticky #sp-header .logo {
        height: 60px !important;
    }
    .is-sticky #sp-header .logo h1 img {
        max-width: 120px;
    }
    .consultation .free-consult-text {
        font-size: 24px;
        text-align: center;
        margin-bottom: 15px;
        line-height: 34px;
    }
    .logo-slider .rt-logo-showcase .slick-prev {
        left: -10px;
        z-index: 99;
    }
    .logo-slider .rt-logo-showcase .slick-next {
        right: -10px;
        z-index: 99;
    }
    .logo-slider .rt-logo-showcase .slick-track {
        padding: 0;
    }
    .home-one-slider {
        margin-top: 0 !important;
    }
    .home-one-service-slider h3.sppb-addon-title {
        font-size: 34px;
    }
    .home-one-service-slider .single-feature {
        padding: 0 10px;
    }
    .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -18px;
    }
    .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -18px;
    }
    .choose-service {
        margin: 0 -15px;
        padding: 50px 15px 30px;
    }
    .sppb-addon-accordion .sppb-addon-title,
    .request-call h3 {
        font-size: 30px;
    }
    .request-call {
        margin-top: 30px;
    }
    .rt-form .form-group {
        margin-bottom: 0;
    }
    .rt-form .form-group input {
        margin-bottom: 12px;
    }
    .rt-form .submit-group {
        margin-top: 24px;
    }
    .trastimonial .item {
        text-align: center;
        padding: 0 10px;
    }
    .trastimonial .item .img-ara {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .trastimonial .item .content-area {
        width: 100%;
        padding: 0;
    }
    .trastimonial .item .content-area h3 {
        font-size: 17px !important;
    }
    .trastimonial .item .img-ara img {
        display: inline;
    }
    .our-sucess .sppb-addon-pie-progress .sppb-text-center h3 {
        margin-bottom: 10px;
    }
    .title-style-two {
        margin-bottom: 30px;
    }
    .title-style-two .sppb-addon-title {
        font-size: 30px;
    }
    .home-three-news ul li {
        width: 100%;
    }
    .home-three-news ul li .full-section {
        margin: 0;
    }
    .home-three-news ul li .full-section .image-part img {
        width: 100%;
    }
    #sp-bottom .sp-module {
        margin-top: 50px;
    }
    #sp-bottom #sp-bottom1 .sp-module {
        margin-top: 0px;
    }
    #sp-footer {
        text-align: center !important;
    }
    /*--------- Inner page css----------------*/
    .rsform .formHorizontal .rsform-block {
        float: inherit;
        width: inherit;
        margin-right: 0;
    }
    .sppb-addon-tab .sppb-tab-content .media-body {
        padding-left: 0px;
    }
    .sppb-addon-tab .sppb-tab-content .media img {
        margin-bottom: 20px;
    }
    .sppb-text-left .pull-left {
        margin-right: 10px;
    }
    .service-one .single-feature .service-image img {
        width: 100%;
    }
    .sppb-carousel-inner {
        margin-bottom: 15px;
    }
    .sppb-carousel-inner .sppb-item img {
        width: 100%;
    }
    .detail-image {
        margin-bottom: 20px;
    }
    .service-two .single-feature {
        margin-top: 10px;
    }
    .item-page h3 {
        font-size: 24px;
    }
    #sp-footer {
        text-align: center;
    }
    #sp-footer ul.social-icons {
        text-align: center;
        margin-top: 10px;
    }
    .contact-info {
        margin-top: 30px;
    }
    .catItemImageBlock .catItemImage img {
        width: 100% !important;
    }
    .rt-catitem .catItemHeader h3.catItemTitle {
        margin-top: 15px;
    }
    .class2 {
        margin-top: 30px;
    }
    .custom-class {
        margin-bottom: 30px;
    }
    .tlp-portfolio .tlp-layout img,
    .tlp-portfolio .tlp-portfolio-isotope img {
        width: 100%;
    }
    .tlp-portfolio .tlp-layout .masonry-item,
    .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item {
        width: 100%;
    }
    .tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button {
        margin-bottom: 5px;
    }
    .home-four-service .single-feature p {
        margin-bottom: 20px;
    }
    h1 { font-size: 36px;}
    h2 { font-size: 30px;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title {
        padding: 0 10px;
    }
    .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a {
        font-size: 16px;
    }
    .home-two-service .rt-featuresn .service-content .service-image img {
        width: 100%;
    }
    .home-two-service .rt-featuresn .service-content .main-title h3 {
        padding: 120px 0;
    }
    .home-two-service .rt-featuresn .service-content .overley {
        padding: 55px 40px;
    }
    .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
        font-size: 60px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .years-experience h2 {
        font-size: 45px;
    }
    #sp-page-title .sp-page-title {
        padding: 50px 0;
    }
    #sp-page-title .sp-page-title h2 {
        font-size: 34px;
    }
    /*--------- Inner page css----------------*/
    .sppb-addon-tab ul.sppb-nav-tabs li {
        width: 50%;
        margin-bottom: 3px;
        text-align: center;
    }
    .sppb-addon-tab ul.sppb-nav-tabs li a {
        margin-right: 5px !important;
        padding: 8px 15px;
    }
    .service-one .single-feature:hover .overley h3 {
        top: 30%;
    }
    .service-one .single-feature:hover .overley p {
        bottom: 20%;
    }
}


/* Large Mobile :480px. */

@media (max-width:480px) {
    .tlp-portfolio .layout2 .tlp-portfolio-item > div {
        width: 100%;
    }
    .tlp-portfolio .layout2 .tlp-portfolio-thum {
        margin-bottom: 20px;
    }
    .contact-form .control-group .control-label {
        float: inherit;
        text-align: left;
    }
    .contact-form .control-group .controls {
        margin-left: 0;
    }
    .contact-form .control-group .controls input,
    .contact-form .control-group .controls textarea {
        width: 100%;
    }
    .contact-form .control-group .controls input[type="checkbox"] {
        width: auto;
    }
    .finder .word input,
    .search .btn-toolbar input {
        margin-bottom: 15px;
        width: 100%;
    }
    .blog-featured form {
        overflow-x: scroll;
    }
    h1 { font-size: 32px;}
    h2 { font-size: 26px;}
}

@media only screen and (min-width: 321px) and (max-width: 480px) {

    .home-slider .tp-caption.large_text {
        font-size: 24px !important;
    }
    .home-slider .tp-caption.medium_text {
        font-size: 14px !important;
    }
    .home-one-news .bm_slider_item.bm_cycle_slider {
        width: 100% !important;
    }
    .home-one-news .cycle-carousel-wrap {
        width: 100%;
    }
    .home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip {
        margin: 0;
    }
    .home-one-news .bm_slider .bm_slider_item .bm_slider_desc {
        display: block;
    }
    .home-two-service .rt-featuresn .service-content .main-title h3 {
        padding: 115px 0;
    }
    .home-two-service .rt-featuresn .service-content .overley {
        padding: 50px 40px;
    }
    .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
        font-size: 40px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .years-experience h2 {
        font-size: 40px;
        line-height: 1.25;
    }
    .home-two-news .image-part {
        display: inherit;
    }
    .home-two-news .content-part {
        display: inherit;
        padding: 15px 10px;
    }
    .home-two-news .read-more {
        display: inherit;
    }
    .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img {
        width: 100%;
    }
    .home-two-news .read-more a {
        display: inline-block;
        padding: 7px 30px;
        width: 100%;
        text-align: center;
        height: inherit;
    }
    #sp-page-title .sp-page-title {
        padding: 40px 0;
    }
    #sp-page-title .sp-page-title h2 {
        font-size: 30px;
    }
    /*--------- Inner page css----------------*/
    .sppb-addon-tab ul.sppb-nav-tabs li {
        width: 50%;
        margin-bottom: 3px;
        text-align: center;
    }
    .sppb-addon-tab ul.sppb-nav-tabs li a {
        margin-right: 5px !important;
        padding: 8px 15px;
    }
    .service-one .single-feature:hover .overley h3 {
        top: 30%;
    }
    .service-one .single-feature:hover .overley p {
        bottom: 10%;
        margin-bottom: 0;
    }
    .home-one-news .sppb-addon-title {
        margin-left: 0;
    }
    .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev {
        right: 34px;
    }
    .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next {
        right: 0px !important;
    }
    h3.sppb-addon-title,
    .title-style-two .sppb-addon-title,
    .title-style-three .sppb-addon-title,
    .sppb-addon-tab .sppb-tab-content .media-body h2,
    .sppb-text-left h3,
    .sppb-text-left .pull-left,
    .communication h2 {
        font-size: 30px;
    }
    h3.sppb-title-heading {
        font-size: 30px !important;
    }
    #sp-page-builder > .page-content > section.sppb-section {
        padding: 60px 0;
    }
    #sp-bottom {
        padding: 60px 0;
    }
    .choose-service h3.sppb-addon-title {
        font-size: 30px;
    }
    #sp-logo-slider {
        padding: 40px 0 40px;
    }
    #sp-free-consultation {
        padding: 50px 0;
    }
    .owl-carousel .owl-controls .owl-buttons {
        top: -60px;
    }
}


/* small mobile :320px. */

@media (max-width: 320px) {
    #sp-page-builder > .page-content > section.sppb-section {
        padding: 60px 0;
    }
    .home-slider .tp-caption.large_text {
        font-size: 20px !important;
    }
    .home-slider .tp-caption.medium_text {
        font-size: 14px !important;
    }
    .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .years-experience h2 {
        font-size: 28px;
        padding: 20px;
    }
    .choose-service .single-feature {
        text-align: center;
    }
    .choose-service .single-feature .service-image {
        float: none !important;
        width: 100%;
    }
    .choose-service .single-feature .service-content {
        padding-left: 0;
    }
    .choose-service .single-feature .service-content h3 {
        margin: 8px 0;
    }
    .home-one-news .bm_slider_item.bm_cycle_slider {
        width: 100% !important;
    }
    .home-one-news .cycle-carousel-wrap {
        width: 100%;
    }
    .home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip {
        margin: 0;
    }
    .home-one-news .bm_slider .bm_slider_item .bm_slider_desc {
        display: block;
    }
    .home-two-service .rt-featuresn .service-content .main-title h3 {
        font-size: 22px;
        padding: 74px 0;
    }
    .home-two-service .rt-featuresn .service-content .overley {
        padding: 15px;
        font-size: 12px;
        line-height: 16px;
    }
    .home-two-service .rt-featuresn .service-content .overley h3 {
        font-size: 20px;
    }
    .our-service .rt-features .nopadding {
        padding: 0;
    }
    .home-two-news .image-part {
        display: inherit;
    }
    .home-two-news .content-part {
        display: inherit;
        padding: 15px 10px;
    }
    .home-two-news .read-more {
        display: inherit;
    }
    .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img {
        width: 100%;
    }
    .home-two-news .read-more a {
        display: inline-block;
        padding: 7px 30px;
        width: 100%;
        text-align: center;
        height: inherit;
    }
    .home-three-service {
        margin-top: 40px;
    }
    .home-three-service .rt-features .nopadding {
        padding: 0;
    }
    .home-four-service .single-feature {
        text-align: center;
    }
    .home-four-service .single-feature h3::after {
        right: 0;
        margin: auto;
    }
    .our-core-feature .single-feature {
        margin-top: 10px;
    }
    .our-core-feature .single-feature .service-image {
        float: none !important;
        display: inline-block;
        padding-bottom: 10px;
    }
    .our-core-feature .single-feature {
        text-align: center;
    }
    .our-core-feature .single-feature h3::after {
        right: 0;
        margin: auto;
    }
    .our-core-feature .single-feature .service-content {
        padding-left: 0;
    }
    #sp-page-title .sp-page-title {
        padding: 35px 0;
    }
    #sp-page-title .sp-page-title h2 {
        font-size: 28px;
    }
    #sp-logo-slider {
        padding: 20px 0px;
    }
    /*--------- Inner page css----------------*/
    .sppb-addon-tab ul.sppb-nav-tabs li {
        width: 50%;
        margin-bottom: 3px;
        text-align: center;
    }
    .sppb-addon-tab ul.sppb-nav-tabs li a {
        margin-right: 5px !important;
        padding: 8px 10px;
    }
    .service-one .single-feature:hover .overley h3 {
        top: 13%;
    }
    .service-one .single-feature:hover .overley p {
        bottom: -25%;
        margin-bottom: 0;
    }
    .communication h2 {
        font-size: 22px;
        padding: 0 15px;
    }
    .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
        font-size: 16px;
    }
    .choose-service h3.sppb-addon-title {
        text-align: center;
    }
    .layout3 .single-team-area .social-icons {
        bottom: 78px;
    }
    .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title,
    .home-one-news .bm_slider .bm_slider_item .bm_slider_desc .bm_desc_inside {
        text-align: center;
    }
    .home-one-news .sppb-addon-title,
    .our-service .sppb-addon-title {
        margin-left: 0;
    }
    .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev {
        right: 34px;
    }
    .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next {
        right: 0px !important;
    }
    .our-service .owl-carousel .owl-controls .owl-buttons {
        right: 0;
    }
    h3.sppb-addon-title,
    .title-style-two .sppb-addon-title,
    .title-style-three .sppb-addon-title,
    .sppb-addon-tab .sppb-tab-content .media-body h2,
    .sppb-text-left h3,
    .sppb-text-left .pull-left,
    .communication h2,
    .home-one-service-slider h3.sppb-addon-title,
    .choose-service h3.sppb-addon-title {
        font-size: 24px;
    }
    h3.sppb-title-heading,
    .sppb-addon-accordion .sppb-addon-title {
        font-size: 24px !important;
    }
    .home-one-service-slider .single-feature .service-content h3,
    .choose-service .single-feature .service-content h3,
    .our-service .service-content h3,
    .home-two-news .content-part a.moduleItemTitle,
    .help-business h3,
    .home-three-service .service-content h3,
    .home-four-service .single-feature h3,
    .our-core-feature .single-feature .service-content h3,
    .service-one .single-feature .overley h3,
    .service-two .single-feature .service-content h3 {
        font-size: 18px;
    }
    .tlp-team h3,
    .tlp-team h3 a {
        font-size: 18px !important;
    }
}


/*=====  End of Responsive css  ======*/