/* :::::::::::::::::::::::::::::::::::::::: */
/* TABLE OF CONTENTS/* 
::::::::::::::::::::::::::::::::::::::::::: */
/* 01 - Basic & General Styles                          */
/* 02 - Header Styles                                   */
/* 03 - Main menu Styles                                */
/* 04 - Popup search box Styles                         */
/* 05 - Hero section Styles                             */
/* 06 - Client logo carousal Styles                     */
/* 07 - Video & skills section Styles                   */
/* 08 - Services Styles                                 */
/* 09 - portfolio Styles                                */
/* 10 - Call-to-section Styles                          */
/* 11 - Testimonials Styles                             */
/* 12 - Get in touch Styles                             */
/* 13 - Footer Styles                                   */
/* 14 - Global page Title & Breadcrumb header Styles    */
/* 15 - Contact page Styles                             */
/* 16 - People said section Styles                      */
/* 17 - About us page Styles                            */
/* 18 - Portfolio page Styles                           */
/* 19 - Service page Styles                             */
/* 20 - Blog page Styles                                */
/* 21 - Blog single page Styles                         */
/* 22 - 404 page Styles                                 */
/* 23 - Google map Styles                               */
/* 24 - Scroll to top block Styles                      */
/* 25 - Preloader Styles                                */
/* 26 - Pricing plan section Styles                                */

/* ====================================================================== 
01. Basic & General Styles 
========================================================================= */


@import url("default.css");
 body {
    font-family : 'Open Sans', sans-serif;
    color : #404040;
    font-size : 14px;
    line-height : 1.9;
}
 a:focus {
    outline : none;
}
 button:focus {
    outline : 0px dotted;
    outline : 0px auto -webkit-focus-ring-color;
}
 .section-title {
    font-weight : 900;
    color : #2e3641;
    line-height: 36px;
    margin-bottom: 60px;
    font-size: 26px;
}
 .section-title:before {
    position : absolute;
    content : '';
    width : 118px;
    height : 3px;
    background : #137499;
    background-repeat : no-repeat;
    margin-top: 50px;
}
 .section-title.centered-title:before {
    left : 50%;
    margin-left : -59px;
}
.btn {
    border : none;
    font-family : inherit;
    font-size : inherit;
    color : inherit;
    background : none;
    outline : none;
    position : relative;
    -webkit-transition : all 0.3s;
    -moz-transition : all 0.3s;
    transition : all 0.3s;
    padding : 10px 40px;
    text-transform : uppercase;
    font-size : 14px;
    font-weight: 600;
    letter-spacing: 1px;
}
 .btn:after {
    content : '';
    position : absolute;
    z-index : -1;
    -webkit-transition : all 0.3s;
    -moz-transition : all 0.3s;
    transition : all 0.3s;
}
 .btn-bg {
    background : #137499;
    color : #fff;
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}
 .btn-bg:hover {
    background : transparent;
    border : 0px solid #03c7ac;
}
 .hero-banner .btn-bg:hover {
    border : 0px solid #137499;
}
 .btn-tp {
    background : transparent;
    border : 2px solid #137499;
    color : #137499;
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
    padding : 8px 40px;
}
 .hero-banner .btn-bg:after {
    width : 100%;
    height : 0;
    top : 0;
    left : 0;
    background : #fff;
}
 .btn-bg:after {
    width : 100%;
    height : 0;
    top : 0;
    left : 0;
    background : #2e3641;
}
 .btn-bg:hover, .btn-bg:active {
    color : #137499;
    z-index : 1;
}
 .btn-bg:hover:after, .btn-bg:active:after {
    height : 100%;
}
 .btn-tp {
    overflow : hidden;
}
 .btn-tp:after {
    width : 100%;
    height : 0;
    top : 50%;
    left : 50%;
    background : #fff;
    opacity : 0;
    -webkit-transform : translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform : translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform : translateX(-50%) translateY(-50%) rotate(45deg);
    transform : translateX(-50%) translateY(-50%) rotate(45deg);
}
 .btn-tp:hover, .btn-tp:active {
    color : #137499;
}
 .btn-tp:hover:after {
    height : 260%;
    opacity : 1;
}
 .btn-tp:active:after {
    height : 400%;
    opacity : 1;
}
 .box-shadow {
    -webkit-box-shadow : 0 7px 12px 0 rgba(0,0,0,0.05);
    -moz-box-shadow : 0 7px 12px 0 rgba(0,0,0,0.05);
    box-shadow : 0 7px 12px 0 rgba(0,0,0,0.05);
}
 .pt-pb-50 {
    margin-top : 50px;
    margin-bottom : 50px;
}
.mt-30{margin-top: 50px;}
.no-padding{
    padding: 0px !important;
}
input, textarea, select, .form-control {
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
    border : 1px solid #137499 !important;
    background-color : #fff;
    color : #2e3641;
    -webkit-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    -moz-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}
 h1.page-title {
    text-transform : uppercase;
    font-weight : 700;
    font-family : 'Roboto', sans-serif;
    margin: 0;
    font-size: 28px;
    letter-spacing: 1px;
}
 .dropdown-toggle::after {
    display : none !important;
}
/* ========================================================================== 
02. Header Styles 
========================================================================== */
 .header-top {
    background : #2e3641;
    color : #fff;
    padding : 0;
}
 .header-top > a {
    color : #fff;
}
 .semi-bold {
    font-weight : 600;
}
 .color-text {
    color : #137499;
}
 .lang-block:after {
    content : ' | ';
}
 button#langDropdown {
    background : transparent;
    border : 0px solid #333;
    color : #fff;
    cursor : pointer;
    padding : 15px 5px;
}
 .dropdown-menu.lan-dropdown {
    top : 100% !important;
    left : 0;
    padding : 0;
    margin : 0;
    font-size : 1rem;
    color : #212529;
    background-clip : padding-box;
    border : 0px solid rgba(0,0,0,.15);
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
    background-color : #2e3641;
    -webkit-box-shadow : 0px 13px 25px -12px rgba(0,0,0,0.25);
    box-shadow : 0px 13px 25px -12px rgba(0,0,0,0.25);
    -webkit-transition : all 0.4s ease;
    transition : all 0.4s ease;
    z-index : 99999999999999;
}
 .lan-dropdown li {
    border-bottom : 1px solid #bcbcbc;
}
 .lan-dropdown li :last-child {
    border-bottom : 0px solid #bcbcbc;
}
 .lan-dropdown li > a {
    display : block;
    padding : 5px 10px;
    color : #fff;
    font-size : 12px;
    font-family : 'Roboto', sans-serif;
    letter-spacing : 2px;
    cursor : pointer;
}
 .lan-dropdown li > a:hover {
    color : #137499;
    background : #242c36;
    text-decoration : none;
    padding-left : 20px;
    -webkit-transition : all 300ms ease;
    -moz-transition : all 300ms ease;
    -ms-transition : all 300ms ease;
    -o-transition : all 300ms ease;
    transition : all 300ms ease;
}
 .dropdown:hover>.lan-dropdown {
    display : block;
}
 .flag-icon {
    max-width : 18px;
}
 .social-links {
    list-style : none;
    padding : 0;
    margin-bottom : 0;
    display : inline-block;
}
 .social-links li {
    display : inline-block;
    height : 30px;
    width : 30px;
    margin: 0px 2px;
    text-align : center;
    line-height : 30px;
    vertical-align : middle;
    -webkit-border-radius : 30px;
    -moz-border-radius : 30px;
    border-radius : 30px;
    transition:all 500ms ease;
}
 .social-links li:hover {
    background : #137499;
    transition:all 500ms ease;
}
 .social-links li > a {
    text-align : center;
    color : #f2f2f2;
}
 .social-links li:hover a {
     color:  #fff;
}
 .social-links li .fab {
    text-align : center;
}
 .mobile-search-bar .ms-input {
    height : 37px;
    border : 0px solid #333;
    width: calc(100% - 116px);
    vertical-align : middle;
    padding-left : 15px;
}
 .show-top {
    display : block;
    position : absolute;
    color : #fff;
    overflow : hidden;
    height : 40px;
    background : #2e3641;
    left : 50%;
    width : 40px;
    vertical-align : middle;
    text-align : center;
    line-height : 40px;
    z-index : 9999999;
    cursor : pointer;
    opacity : 0;
    margin-left : -20px;
}
 .lang-selector {
    background : #2e3641;
    border : 0px solid #333;
    color : #fff;
    transition : .3s linear;
}
 .menu-icon {
    display : table;
    margin-left : auto;
    margin-right : auto;
    margin-bottom: 5px;
}
 .search-element a {
    background : #f5f5f5;
    vertical-align : middle;
    padding : 10px 13px !important;
    text-align : center;
    margin-top : -25px;
    display : inline-block !important;
    -webkit-border-radius : 50%;
    -moz-border-radius : 50%;
    border-radius : 50%;
    color : #2e3641;
    line-height: 1.5 !important;
}
/*Fixed header*/
.fixed-header {
    position : fixed !important;
    top : 0;
    z-index: 999;
    background-color : #fff;
    width : 100%;
    box-shadow: -1px 1px 4px 2px #f7f7f7;
}
.v4 .fixed-header.header-menu-logo {
    background : rgba(255,255,255,1);
    border-bottom : 1px solid #dfdfdf;
}
.v4 .fixed-header.header-menu-logo .mainmenu > ul > li > a {
    color : #2e3641;
}
/* ========================================================================== 
03. Main menu Styles 
========================================================================== */
 .mainmenu ul {
    margin : 0;
    padding : 0;
    list-style : none;
}
 .mainmenu ul li {
    display : inline-block;
    position : relative;
}
 .mainmenu ul li a {
    color: #777777;
    font-weight : 600;
    font-size: 14px;
    padding : 25px 15px;
    display : block;
    text-transform: uppercase;
    line-height: 1;
    transition : all 0.4s ease;
}
 .mainmenu ul li.active a, .mainmenu ul li a:hover {
    color: #000000;
    text-decoration : none;
    transition : all 0.4s ease;
}
 .mainmenu ul li.active > a:before {
    content : "";
    position : absolute;
    bottom : 0;
    left : 0;
    height : 3px;
    background-color : #137499;
    width : 100%;
}
/* -------Dropdown Menu area css------*/
 .mainmenu ul li .sub-menu {
    opacity : 0;
    visibility : hidden;
    position : absolute;
    left : 0;
    top : 150%;
    width : 200px;
    text-align : left;
    z-index : 9999;
    background-color : #2e3641;
    -webkit-box-shadow : 0px 13px 25px -12px rgba(0,0,0,0.25);
    box-shadow : 0px 13px 25px -12px rgba(0,0,0,0.25);
    -webkit-transition : all 0.4s ease;
    transition : all 0.4s ease;
}
 .mainmenu > ul > li:hover .sub-menu {
    opacity : 1;
    visibility : visible;
    top : 100%;
    transition : top 0.3s ease 0s;
    -webkit-transition : top 0.4s ease;
    transition : top 0.4s ease;
}
 .mainmenu ul li ul.sub-menu li {
    display : block;
    border-bottom : 1px solid #bcbcbc;
}
 .mainmenu ul li ul.sub-menu li:last-child {
    border-bottom : 0px solid #bcbcbc;
}
 .mainmenu ul li ul.sub-menu li :last-child {
    border-bottom : none;
}
 .mainmenu ul li ul.sub-menu li a {
    color : #fff;
    padding: 13px 15px;
}
 .sub-menu li > a:hover {
    background-color : #242c36;
    padding-left : 30px !important;
    -webkit-transition : all 300ms ease;
    -moz-transition : all 300ms ease;
    -ms-transition : all 300ms ease;
    -o-transition : all 300ms ease;
    transition : all 300ms ease;
    color : #03c7ac !important;
}
/* -------Mobile Menu area css------*/
 .mobile-menu-area {
    position : relative;
    display : none;
}
 .mean-container .mean-bar {
    position : absolute;
    background : transparent;
    top : 120px;
}
 .mean-container a.meanmenu-reveal {
    position : absolute;
    color : #137499 }
 .mean-container a.meanmenu-reveal span {
    display : block;
    background : #03c7ac;
    height : 3px;
    margin-top : 3px;
}
 .mean-container .mean-nav {
    margin-top : 55px;
}
/* ========================================================================== 
05. Popup search box Styles 
========================================================================== */
 .popup-box-on {
    display : block !important;
}
 .off {
    display : none;
}
 #search.open {
    opacity : 1;
    transform : translate(0px, 0px) scale(1, 1);
}
 #search {
    background-color : #fff;
    height : 100%;
    left : 0;
    position : fixed;
    top : 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    width : 100%;
    z-index: 9999999999999;
}
 #search .close {
    color : #be5254;
    font-size : 40px;
    opacity : 1;
    padding : 10px 17px;
    position : fixed;
    right : 15px;
    top : 15px;
    z-index: 9999999999999;
}
 button.close {
    background : transparent none repeat scroll 0 0;
    border : 0 none;
    cursor : pointer;
}
 .close {
    float : right;
    font-weight : bold;
    line-height : 1;
    text-shadow : 0 1px 0 #fff;
}
 #search input[type="text"] {
    background : rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border : 0 none;
    color : #333;
    font-family : "Open Sans",sans-serif;
    font-size : 50px;
    font-weight : 300;
    margin : -51px auto 0;
    outline : medium none;
    padding-left : 30px;
    padding-right : 30px;
    position : absolute;
    text-align : center;
    top : 50%;
    width : 100%;
}
 #search .btn {
    left : 50%;
    margin-top : 60px;
    padding : 10px 50px;
    position : absolute;
    top : 50%;
    transform : translateX(-50%);
}
 .s-icon a {
    background : #fff none repeat scroll 0 0 !important;
    border-radius : 40px !important;
    color : #be5254 !important;
    font-size : 26px;
    height : 44px;
    margin : 3px -12px 0 0;
    padding : 7px 0 0 !important;
    text-align : center;
    width : 44px;
}
 .btn-site {
    background : #137499 none repeat scroll 0 0;
    color : #fff !important;
}
 /* ========================================================================== 
 05. Hero section Styles 
 ========================================================================== */
.hero-section {
    position : relative;
}
 .hero-banner {
    background-image : url(../img/hero-bg.jpg);
    background-repeat : no-repeat;
    background-size : cover;
    background-position : center;
    color : #fff;
    padding : 160px 0;
}
 .kubiz-v2 .hero-banner {
    background-image : url(../img/hero-carousal-bg.jpg);
    background-repeat : no-repeat;
    background-size : cover;
    background-position : center;
    color : #fff;
    padding : 160px 0;
}
 .hero-paragraph {
    margin-top : 20px;
    margin-bottom : 50px;
}
 .hero-banner:before {
    content : '';
    background : rgba(0,0,0,0.8);
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
}
.hero-carousel .owl-dots .owl-dot span {
    background: #fff;
}
 .hero-h1 {
    font-size : 60px;
    font-weight : 700;
    line-height: 1;
}
 .hero-banner p {
    font-size : 20px;
}
 .hero-heading {
    -webkit-animation-duration : 1.7s;
    -moz-animation-duration : 1.7s;
    -ms-animation-duration : 1.7s;
    -o-animation-duration : 1.7s;
    animation-duration : 1.7s;
    -webkit-animation-delay : 1s;
    -moz-animation-delay : 1s;
    -ms-animation-delay : 1s;
    -o-animation-delay : 1s;
    animation-delay : 1s;
}
 .hero-banner h3 {
    -webkit-animation-duration : 1.7s;
    -moz-animation-duration : 1.7s;
    -ms-animation-duration : 1.7s;
    -o-animation-duration : 1.7s;
    animation-duration : 1.7s;
    -webkit-animation-delay : 1.5s;
    -moz-animation-delay : 1.5s;
    -ms-animation-delay : 1.5s;
    -o-animation-delay : 1.5s;
    animation-delay : 1.5s;
}
 .hero-banner p {
    -webkit-animation-duration : 1.7s;
    -moz-animation-duration : 1.7s;
    -ms-animation-duration : 1.7s;
    -o-animation-duration : 1.7s;
    animation-duration : 1.7s;
    -webkit-animation-delay : 1s;
    -moz-animation-delay : 1s;
    -ms-animation-delay : 1s;
    -o-animation-delay : 1s;
    animation-delay : 1s;
}
 .hero-btn {
    -webkit-animation-duration : 1.7s;
    -moz-animation-duration : 1.7s;
    -ms-animation-duration : 1.7s;
    -o-animation-duration : 1.7s;
    animation-duration : 1.7s;
    -webkit-animation-delay : 1.5s;
    -moz-animation-delay : 1.5s;
    -ms-animation-delay : 1.5s;
    -o-animation-delay : 1.5s;
    animation-delay : 1.5s;
}
 .hero-carousel .owl-dots {
    text-align : left;
    margin-top : 20px !important;
}
 .hero-carousel .owl-dots .owl-dot span {
    width : 15px;
    height : 15px;
    margin : 5px 7px;
    background : #fff;
    display : block;
    -webkit-backface-visibility : visible;
    transition : opacity .2s ease;
    border-radius : 0px;
}
 .hero-carousel .owl-dots .owl-dot.active span {
    width : 15px;
    height : 15px;
    margin : 5px 7px;
    background : #03c7ac;
    display : block;
    -webkit-backface-visibility : visible;
    transition : opacity .2s ease;
    border-radius : 0px;
}
 #particles-load {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    z-index : 1;
}
/*Full height version 4 header*/
 .v4 .hero-banner {
    height : 100vh;
    padding-top : 300px;
}
 header.v4.kubiz-header {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    z-index : 99999;
}
 .z-index-2 {
    z-index : 2;
    position : absolute;
}

 .v3 .hero-banner {
    padding : 160px 0;
}
 .v3 .hero-paragraph {
    margin-top: 20px;
    margin-bottom: 0px;
}
 .v3 .hero-paragraph p{
    margin-bottom: 0;
 }
/*revolution slider*/
.rev-btn {
    z-index : 21 !important;
    min-width : 250px !important;
    max-width : 250px !important;
    white-space : nowrap !important;
    font-size : 18px !important;
    line-height : 60px !important;
    font-weight : 700 !important;
    color : rgba(255,255,255,1) !important;
    letter-spacing : 2px !important;
    border-color : rgba(0,0,0,1) !important;
    border-radius : 30px 30px 30px 30px !important;
    outline : none !important;
    box-shadow : none !important;
    box-sizing : border-box !important;
    -moz-box-sizing : border-box !important;
    -webkit-box-sizing : border-box !important;
    cursor : pointer !important;
    text-decoration : none !important;
    font-family : 'Roboto', sans-serif;
    background: #137499;
}
.rev-btn:hover {
    color : rgba(255,255,255,1) !important;
    letter-spacing : 2px !important;
    border-width : 1px !important;
    border-style : solid !important;
    border-color : rgba(255,255,255,1) !important;
    outline : none !important;
    cursor : pointer !important;
    text-decoration : none !important;
    background-color : transparent !important;
}
.tp-bannertimer{background: rgb(3,199,172) !important;}
.tiny_bullet_slider .tp-bullet:before{
    content:" ";  
    position:absolute;  
    width:100%;  
    height:25px;  
    top:-12px;  
    left:0px;  
    background:transparent
}
.bullet-bar.tp-bullets{}
.bullet-bar.tp-bullets:before{
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:transparent;
    padding:10px;
    margin-left:-10px;
    margin-top:-10px;
    box-sizing:content-box
}
.bullet-bar .tp-bullet{
    width:60px;
    height:3px;
    position:absolute;
    background:#aaa;  
    background:rgba(204,204,204,0.5);
    cursor:pointer;
    box-sizing:content-box
}
.bullet-bar .tp-bullet:hover,.bullet-bar .tp-bullet.selected{
    background:rgba(204,204,204,1)
    }

.tp-shapewrapper{
    z-index: 18;
    background-color:rgba(0, 0, 0, 0.5);
}
.slide-heading{
    z-index: 19; 
    white-space: nowrap; 
    font-weight: 900; 
    color: #ffffff; 
    letter-spacing: 2px;
}
.RVslider-details{
    z-index: 20; 
    white-space: normal; 
    font-weight: 400; 
    color: #ffffff; 
    letter-spacing: 0px;
}
.tp-bannertimer{
    height: 5px !important;
}

 /* ========================================================================== 
 06. Client logo carousal Styles 
 ========================================================================== */
.clients-section {
    background : #fff;
    padding : 75px 0;
}
 .clients-slider .item {
    background : #f7f7f7;
    padding : 15px;
    min-height : 80px;
    display : -webkit-flex;
    display : flex;
    -webkit-justify-content : center;
    justify-content : center;
    -webkit-align-items : center;
    align-items : center;
}
 /* ========================================================================== 
 07. Video & skills section Styles 
 ========================================================================== */
 .skills-section {
    background : #f2f2f2;
    overflow : hidden;
    position : relative;
}
 .skill-line-box {
    padding-top : 0px;
}
 .skill-title {
    font-family : 'Roboto', sans-serif;
    font-weight : 500;
    color : #404040;
    text-transform : capitalize;
    font-size: 16px;
    letter-spacing: 1px;
}
.proggress {
    background-color: #03c7ac !important;
}
 a.popup-video {
    width : 60px;
    height : 60px;
    border-radius : 50%;
    background-color : #fff;
    font-size : 40px;
    position : absolute;
    color : #137499;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -30px;
    
}
 a.popup-video:after {
    content : '';
    border : 5px solid;
    border-color : inherit;
    width : 150%;
    height : 150%;
    border-radius : 50%;
    border-color : #03c7ac;
    position : absolute;
    left : -25%;
    top : -25%;
    opacity : 1;
    -webkit-animation : 1s video-animation linear infinite;
    animation : 1s video-animation linear infinite;
}
 @-webkit-keyframes video-animation {
    0% {
    -webkit-transform : scale(0.68);
    transform : scale(0.68);
}
 100% {
    -webkit-transform : scale(1.2);
    transform : scale(1.2);
    opacity : 0;
}
}
 @keyframes video-animation {
    0% {
    -webkit-transform : scale(0.68);
    transform : scale(0.68);
}
 100% {
    -webkit-transform : scale(1.2);
    transform : scale(1.2);
    opacity : 0;
}
}
 a.popup-video:hover {
    text-decoration : none;
    background-color : #03c7ac;
    color : #2e3641;
}
 .full-container {
    max-width : 100%;
}
 .full-container .row {
    margin-right : 0px;
    margin-left : 0px;
}
.skills-block{
    padding: 60px;
}
.skills-block p{
    margin-bottom: 30px;
}
.skill-box {
    margin-bottom: 25px;
}
.skill-box.last-bar{
    margin-bottom: 0px;
}
.about-video {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.about-video::before{
    background-image : url(../img/video-bg.jpg);
    background-repeat : no-repeat;
    background-size : cover;
    background-position : center center;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

}
.about-video::after{
    position : absolute;
    content : '';
    width : 100%;
    height : 100%;
    top : 0;
    left : 0;
    background-color : rgba(109,63,65, 0.85);
    z-index: 2;

}
 /* ========================================================================== 
 08. Services Styles 
 ========================================================================== */
 .services-section {
    background : #fff;
    padding : 90px 0;
}
 .setvice-item {
    text-align : center;
    padding : 45px 25px;
    border : 1px solid #f2f2f2;
}
 .service-slide-title {
    font-size : 16px;
    text-transform : uppercase;
    color: #000000;
    font-family : 'Roboto', sans-serif;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-top: 0px;
    margin-bottom: 10px;
}
p.slide-details {
    margin-bottom: 20px;
    padding: 0px 10px;
}
 .setvice-item:hover {
    border : 1px solid #137499;
    -webkit-transition : all 200ms linear;
    -moz-transition : all 200ms linear;
    -ms-transition : all 200ms linear;
    -o-transition : all 200ms linear;
    transition : all 200ms linear;
}
 .serv-icon {
    color : #03c7ac;
    font-size : 60px;
    margin-bottom : 20px;
    line-height: 1;
}
 .services-slider .owl-prev, .services-slider .owl-next {
    -webkit-justify-content : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    justify-content : center;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    position : absolute;
    width : 40px;
    height : 40px;
    border : 1px solid #e5e5e5;
    font-size : 18px;
    color : #999;
    background-color : #fff;
    z-index : 1;
    top : 50%;
    -webkit-transform : translateY(-50%);
    -moz-transform : translateY(-50%);
    -ms-transform : translateY(-50%);
    -o-transform : translateY(-50%);
    transform : translateY(-50%);
    -webkit-transition : all .35s linear;
    -o-transition : all .35s linear;
    -moz-transition : all .35s linear;
    transition : all .35s linear;
}
 .services-slider .owl-next {
    right : -60px;
}
 .services-slider .owl-prev {
    left : -60px;
}
 .setvice-item a {
    color : #03c7ac;
    font-weight: 600;
}
 .owl-theme .owl-nav [class*=owl-]:hover {
    background : #137499;
    color : #FFF;
}
.owl-theme .owl-nav {
    margin-top: 0px;
}
 /* ========================================================================== 
 09. portfolio Styles 
 ========================================================================== */
 .portfolio-section {
    background : #f7f7f7;
    padding : 60px 0;
}
.portfolio-lists{
    padding : 90px 0 40px;
}
.mt-50{
    margin-top: 50px;
}
 .portfolio-item {
    text-align : center;
}
 .portfolio-slider .owl-nav {
    position : absolute;
    top : -50px;
    right : 0;
}
 .portfolio-slider .owl-prev, .portfolio-slider .owl-next {
    -webkit-justify-content : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    justify-content : center;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    position : absolute;
    width : 40px;
    height : 40px;
    border : 1px solid #e5e5e5;
    font-size : 18px;
    color : #999;
    background-color : #e7e7e7 !important;
    z-index : 1;
    -webkit-transform : translateY(-50%);
    -moz-transform : translateY(-50%);
    -ms-transform : translateY(-50%);
    -o-transform : translateY(-50%);
    transform : translateY(-50%);
    -webkit-transition : all .35s linear;
    -o-transition : all .35s linear;
    -moz-transition : all .35s linear;
    transition : all .35s linear;
}
 .portfolio-slider .owl-prev:hover, .portfolio-slider .owl-next:hover {
    background-color : #03c7ac !important;
}
 .portfolio-slider .owl-next {
    right : 0;
}
 .portfolio-slider .owl-prev {
    left : -90px;
}
 .portfolio-slider .owl-nav [class*=owl-] {
    margin : 0px;
}
 .portfolio-image {
    position : relative;
    margin-bottom : 30px;
    overflow : hidden;
}
 .portfolio-title {
    font-size : 16px;
    font-family : 'Roboto', sans-serif;
    font-weight : 600;
    color : #2e3641;
    text-transform : uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
}
 .portfolio-item:hover .portfolio-title {
    color : #137499;
}
.overlay-box {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 0%;
    background : rgba(36,44,54,0.7);
    content : '';
    z-index : 1;
    transition : all 0.3s ease-in-out;
}
 .portfolio-image:hover .overlay-box {
    height : 100%;
    transition : all 0.3s ease-in-out;
    cursor : pointer;
}
 .overlay-icons {
    list-style : none;
    padding : 0;
    margin : 0;
    position : absolute;
    top : 42%;
    left : 0;
    right : 0;
    z-index : 999;
}
 .overlay-icons li {
    display : inline-block;
    margin : 5px;
    background : transparent;
    width : 32px;
    height : 32px;
    color : #137499;
    text-align : center;
    vertical-align : middle;
    line-height : 32px;
    border : 1px solid #fff;
}
 .overlay-icons li:hover {
    background : #fff;
    cursor : default;
}
 .overlay-icons li a {
    color : #137499;
}
/*portfolio 2 buttons effects*/
 .overlay-iconss {
    list-style : none;
}
 .overlay-iconss li:hover {
    background : #fff;
}
 .overlay-iconss li:first-child {
    position : absolute;
    width : 40px;
    height : 40px;
    z-index : 2;
    left : -45%;
    margin-left : -40px;
    bottom : 50%;
    margin-bottom : -20px;
    -webkit-opacity : 0;
    -moz-opacity : 0;
    opacity : 0;
    border : 2px solid #fff;
    -webkit-border-radius : 50%;
    -moz-border-radius : 50%;
    border-radius : 50%;
    padding : 3px;
    font-size : 16pt;
    line-height : 30px;
    text-align : center;
    color : #fff;
}
 .portfolio-item:hover li:first-child {
    left : 50%;
    -webkit-opacity : 1;
    -moz-opacity : 1;
    opacity : 1;
    cursor : pointer;
}
 .portfolio-item .portfolio-image {
    position : relative;
    overflow : hidden;
}
 .portfolio-item:hover img {
    transform : scale(1.2);
    -webkit-transform : scale(1.2);
    transition : all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition : all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition : all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition : all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
/*right button*/
 .overlay-iconss li:last-child {
    position : absolute;
    width : 40px;
    height : 40px;
    z-index : 2;
    right : -45%;
    margin-right : -60px;
    bottom : 50%;
    margin-bottom : -20px;
    font-size : 16pt;
    line-height : 30px;
    text-align : center;
    color : #fff;
    -webkit-opacity : 0;
    -moz-opacity : 0;
    opacity : 0;
    border : 2px solid #fff;
    -webkit-border-radius : 50%;
    -moz-border-radius : 50%;
    border-radius : 50%;
    padding : 3px;
}
 .portfolio-item:hover li:last-child {
    right : 50%;
    -webkit-opacity : 1;
    -moz-opacity : 1;
    opacity : 1;
    cursor : pointer;
}
 .overlay-iconss li:last-child, .overlay-iconss li:first-child, .portfolio-item img {
    -webkit-transition : all .6s ease-out;
    -moz-transition : all .6s ease-out;
    -ms-transition : all .6s ease-out;
    -o-transition : all .6s ease-out;
    transition : all .6s ease-out;
}
 .overlay-iconss li:last-child > a, .overlay-iconss li:first-child > a {
    color : #fff;
}
 .overlay-iconss li:hover > a {
    color : #137499;
}
/*sorting lists*/
 .button-group {
    margin-bottom : 38px;
}
 .sorting-lists {
    list-style : none;
    padding-left : 0;
    display : table;
    margin-left : auto;
    margin-right : auto;
}
 .sorting-lists li {
    display : inline-block;
    margin : 0px 20px;
    position : relative;
}
 .sorting-lists li a {
    color : #2e3641;
    text-transform : uppercase;
    font-weight : 600;
    display : block;
}
 .sorting-lists li a:hover, .sorting-lists li a.is-checked {
    color : #137499;
    text-decoration : none;
}
 .sorting-lists li a.is-checked:before {
    content : "";
    height : 1px;
    left : -5px;
    position : absolute;
    right : 12px;
    top : 12px;
    background-color : #2e3641;
    -webkit-transform : scaleX(0);
    transform : scaleX(0);
    -webkit-transition : all 0.6s ease 0s;
    transition : all 0.6s ease 0s;
    -webkit-transform : scaleX(1);
    transform : scaleX(1);
}
 .sorting-item {
    margin-bottom : 50px;
}
.sorting-item .portfolio-image {
    margin-bottom: 30px;
}
 /* ========================================================================== 
10. Call-to-section Styles 
========================================================================== */
 .call-to-section {
    background-image : url(../img/call-action-bg.jpg);
    background-attachment : fixed;
    background-size : cover;
    background-repeat : no-repeat;
    background-position : center center;
    position : relative;
    padding : 75px 0;
}
 .overlay::after {
    background-color : rgba(109,63,65, 0.85);
    content : "";
    height : 100%;
    left : 0;
    position : absolute;
    top : 0;
    width : 100%;
    z-index : -99;
}
 .overlay {
    z-index : 1;
}
 .call-to-inner .btn-tp {
    border : 2px solid #fff;
    color : #fff;
}
 .call-to-inner .btn-tp:hover {
    color : #2e3641;
}
 .call-to-inner h3 {
    color : #fff;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 40px;
}
 /* ========================================================================== 
 11. Testimonials Styles 
 ========================================================================== */
 .testi-slider .owl-prev, .testi-slider .owl-next {
    -webkit-justify-content : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    justify-content : center;
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    position : absolute;
    width : 40px;
    height : 40px;
    border : 1px solid #e5e5e5;
    font-size : 18px;
    color : #999;
    background-color : #fff;
    z-index : 1;
    top : 50%;
    -webkit-transform : translateY(-50%);
    -moz-transform : translateY(-50%);
    -ms-transform : translateY(-50%);
    -o-transform : translateY(-50%);
    transform : translateY(-50%);
    -webkit-transition : all .35s linear;
    -o-transition : all .35s linear;
    -moz-transition : all .35s linear;
    transition : all .35s linear;
}
 .testi-slider .owl-next {
    right: -40px;
}
 .testi-slider .owl-prev {
    left: -40px;
}
.testimonial-section {
    padding : 60px 0;
    background : #f7f7f7;
}
 .testi-image img {
    max-width : 100px;
    text-align : center;
    margin : 0px auto;
}
 .testi-details {
    font-size : 16px;
    line-height : 2;
    font-style : italic;
    margin: 25px auto;
}
.testi-details p{margin-bottom: 0;font-size:  16px;line-height: 26px;}
 .testi-title {
    color : inherit;
    font-size : 14px;
    font-weight : 700;
    margin-bottom: 0;
    line-height: 1;
}
 /* ========================================================================== 
 12. Get in touch Styles 
 ========================================================================== */
 .get-touch-section {
    padding : 90px 0;
    position : relative;
    display : block;
    overflow : hidden;
}
 #contact input, #contact textarea, #contact select {
    width : 100%;
    padding : 5px;
    color : #404040;
    background : #f7f7f7;
    border : 1px solid #e7e7e7 !important;
    margin : 0;
    max-width : 100%;
    height : 50px;
    padding-left : 10px;
}
 #contact textarea {
    min-height : 120px;
}
 #contact input:focus, #contact textarea:focus, #contact select:focus {
    border : 1px solid #137499 !important;
    background-color : #fff;
    color : #2e3641;
    -webkit-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    -moz-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
}
 #contact span.required {
    font-size : 13px;
    color : #ff0000;
}
/* Select the colour of the * if the field is required. */
 #message {
    margin : 10px 0;
    padding : 0;
}
 .error_message {
    display : block;
    height : 22px;
    line-height : 22px;
    background : #FBE3E4 url('../img/error.gif') no-repeat 10px center;
    padding : 3px 10px 3px 35px;
    color : #8a1f11;
    border : 1px solid #FBC2C4;
    -webkit-border-radius : 5px;
}
 .loader {
    padding : 0 10px;
}
 #contact #success_page h1 {
    background : url('../img/success.gif') left no-repeat;
    padding-left : 22px;
}
.verify-label {
    line-height: 50px;
    font-size: 16px;
    margin-bottom: 0;
}
 #contact select {
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
    border-radius : 0;
}
 .select-container {
    position : absolute;
    right : 2rem;
    font-size : 20px;
    margin-top : 10px;
}
 input.submit {
    background : #03c7ac !important;
    color : #fff !important;
    max-width : 200px !important;
}
 input.submit:hover {
    background : #2e3641 !important;
    color : #fff !important;
    max-width : 200px !important;
}
 .contact-left {
    padding : 30px;
    width : 50%;
    float : left;
    z-index : 2;
    position : relative;
    background-color : #f7f7f7;
}
 .contact-right {
    padding : 30px;
    width : 50%;
    float : left;
    z-index : 2;
    position : relative;
    background-color : #2e3641;
    color : #fff;
}
.contact-right .block-heading{
    color: #ffffff;
}
 .left-box {
    width : 50%;
    float : left;
    z-index : 2;
}
 .right-box {
    width : 50%;
    float : left;
    z-index : 2;
    position : relative;
}
 .contact-right .section-title {
    color : #F2F1EF;
}
.contact-right .con-block{
    margin-bottom: 20px;
}
.contact-right p{margin-bottom: 0;font-size:  14px;line-height:  24px;font-weight:  400;color: #f7eaea;}
 /* ========================================================================== 
 13. Footer Styles 
 ========================================================================== */
 .kubiz-footer {
    background : #2e3641;
    color : #f7f7f7;
    padding : 90px 0;
}
 .kubiz-footer a {
    color: #ffffff;
    transition : all 0.5s;
}
 .footer-menu {
    padding-left : 25px;
    margin-left : 0;
}
 .footer-menu li {
    margin-bottom : 5px;
    list-style : none;
}
 .footer-menu li:before {
    float : left;
    margin-left : -1.5em;
    color : #f7f7f7;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f0da";
}
 .footer-menu li a:hover {
    color : #03c7ac;
    text-decoration : none;
    -webkit-transition : all 0.4s;
    -moz-transition : all 0.4s;
    -ms-transition : all 0.4s;
    -o-transition : all 0.4s;
    transition : all 0.5s;
}
 .footer-title {
    font-size: 18px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
 .footer-contact {
    padding : 0;
    margin : 0;
}
 .footer-contact li {
    list-style : none;
    margin-bottom : 10px;
}
 .footer-contact li > strong {
    color : #03c7ac;
}
 .footer-bottom {
    background : #242c36;
    padding : 30px 0;
}
 .copyright-text {
    margin-bottom : 0;
    color : #fff;
}
 .copyright-text a {
    color : #03c7ac;
}
 .kubiz-footer .input-group input {
    height : 50px;
    padding : 10px 20px;
    border-color : #141414;
    background-color : #141414;
    color : #fff;
    border-radius : 0;
}
 .kubiz-footer .input-group input:focus {
    border-color : #137499;
    box-shadow : none;
}
 .kubiz-footer input.input-group-addon {
    background-color : #137499;
    border-color : #137499;
    border : none;
    font-weight : 700;
    color : #fff;
    border-radius : 0;
    padding-left : 15px;
    padding-right : 15px;
    font-family : 'Roboto', sans-serif;
    cursor : pointer;
    -webkit-transition : all 0.4s;
    -moz-transition : all 0.4s;
    -ms-transition : all 0.4s;
    -o-transition : all 0.4s;
    transition : all 0.4s;
    letter-spacing: 2px;
}
 .kubiz-footer input.input-group-addon:hover {
    background-color : #fff;
    color : #137499;
}
 /* ========================================================================== 
 14. Global page Title & Breadcrumb header Styles 
 ========================================================================== */
 .page-header {
    background : #f2f2f2;
    padding : 50px 0;
    -webkit-box-shadow : inset 0px 10px 15px 0px rgba(229, 229, 229, 0.75);
    -moz-box-shadow : inset 0px 10px 15px 0px rgba(229, 229, 229, 0.75);
    box-shadow : inset 0px 10px 15px 0px rgba(229, 229, 229, 0.75);
}
 .page-header .breadcrumb {
    padding : 0;
    margin-bottom : 0;
    background-color : transparent;
    text-transform : uppercase;
    color : #2e3641;
    font-weight : 500;
    font-family : 'Roboto', sans-serif;
}
 .page-header .breadcrumb .breadcrumb-item a, .page-header .breadcrumb .breadcrumb-item {
    color : #2e3641;
    text-transform : uppercase;
    font-weight : 700;
    font-family : 'Roboto', sans-serif;
}
 /* ========================================================================== 
 15. Contact page Styles 
 ========================================================================== */
 .contact-section-details {
    padding : 90px 0;
    overflow : hidden;
}
 .contact-block {
    padding : 30px;
    box-shadow : 0 7px 12px 0 rgba(0,0,0,0.05);
    width : 50%;
    float : left;
}
 .contact-block.left {
    margin-right : 15px;
}
 .contact-block.right {
    margin-left : 15px;
}
 .contact-block .social-links a {
    color : #2e3641;
}
 .contact-block .social-links a:hover {
    color : #fff;
}
 .contact-block .social-links {
    display : table;
    margin-left : auto;
    margin-right : auto;
}
.contact-submit {
    position : absolute;
    top : -55px;
    left : 50%;
    width : 50px;
    height : 50px;
    background : #2e3641;
    color : #fff;
    text-align : center;
    margin-left : -25px;
    -webkit-border-radius : 50px;
    -moz-border-radius : 50px;
    border-radius : 50px;
    padding : 0;
}
 .contact-submit:hover {
    background : #137499;
    color : #2e3641;
}
 #contactpage input, #contactpage textarea, #contactpage select {
    width : 100%;
    padding : 5px;
    color : #404040;
    background : #fff;
    border : 1px solid #e7e7e7 !important;
    margin : 0;
    max-width : 100%;
    height : 50px;
    padding-left : 10px;
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}
 #contactpage textarea {
    min-height : 120px;
}
 #contactpage input:focus, #contactpage textarea:focus, #contactpage select:focus {
    border : 1px solid #137499 !important;
    background-color : #fff;
    color : #2e3641;
    -webkit-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    -moz-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
}
 #contactpage select {
    -webkit-appearance : none;
    -moz-appearance : none;
    appearance : none;
    border-radius : 0;
}
.icon-block {
    margin-right : 15px;
}
 .icon-block {
    font-size : 28px;
}
 .color {
    color : #137499;
}
 .block-title {
    color : #2e3641;
    font-weight : 500;
    font-family : 'Roboto', sans-serif;
    letter-spacing: 1px;
}
 .block-heading {
    text-transform : uppercase;
    color : #2e3641;
    font-weight : 500;
    font-family : 'Roboto', sans-serif;
    letter-spacing: 1px;
}
 .contact-block p {
    margin-bottom : 0.2rem;
}
.form-group {
    margin-bottom: 30px;
}
 /* ========================================================================== 
 16. People said section Styles 
 ========================================================================== */
 .people-said-section {
    padding : 90px 0;
    overflow : hidden;
    background : #fff;
}
 .reviews-blocks {
    padding : 30px;
}
 .reviews-blocks:before {
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f10d";
    color : #03c7ac;
    font-size : 45px;
}
 .reviewer-meta {
    margin-top : 15px;
}
 .reviewer-title {
    font-size : 16px;
    font-weight : 600;
    margin-bottom : 0.2rem;
    color : #404040;
}
 .reviewer-name {
    font-size : 14px;
    font-weight : 400;
    font-style : italic;
    margin-bottom : 0rem;
}
 /* ========================================================================== 
 17. About us page Styles 
 ========================================================================== */
 .about-section {
    padding : 90px 0;
    overflow : hidden;
}
.about-section p{
    margin-bottom: 20px;
}
/*/FAQ/*/
 .panel-group .panel {
    border-radius : 0;
    box-shadow : none;
    border-color : #f2f2f2;
}
 .panel-default > .panel-heading {
    padding : 0;
    border-radius : 0;
    color : #212121;
    background-color : #f2f2f2;
    border-color : #f2f2f2;
}
 .panel-title {
    font-size : 14px;
    color : #2e3641;
}
 .panel-title > a {
    display : block;
    padding : 15px;
    text-decoration : none;
    color : #2e3641;
}
 .more-less {
    float : right;
    color : #212121;
}
 .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color : #f2f2f2;
}
 .faq-lists .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color : #f2f2f2;
    background : #fdfdfd;
    padding : 10px;
}
.card-header {
    background-color : #f2f2f2;
    border-bottom : 0px solid rgba(0,0,0,.125);
    cursor : pointer;
}
.faq-single {
    margin-bottom : 10px;
    background-color : #f2f2f2;
}
.card-header h5 {
    font-family : 'Roboto', sans-serif;
    font-size : 14px;
    color : #2e3641;
}
/*why-choose-section*/
 .why-choose-section {
    background : #f2f2f2;
    padding : 60px 0;
    overflow : hidden;
}
 .whyus-icon .fas {
    background : #137499;
    color : #fff;
    padding : 20px;
    -webkit-border-radius : 50%;
    -moz-border-radius : 50%;
    border-radius : 50%;
    font-size : 45px;
    margin-bottom : 0px;
    width : 100px;
    height : 100px;
    text-align : center;
    vertical-align : middle;
    line-height : 60px;
}
.whyus-icon{
    margin-bottom: 25px;
}
h4.whyus-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px;
}
.whyus-details{margin-bottom: 0;}
/*team-section*/
 .team-section {
    background : #fff;
    padding : 90px 0;
    overflow : hidden;
}
 .team-item {
    text-align : center;
}
 .team-meta {
    background : #137499;
    overflow : hidden;
    color : #fff;
    padding : 15px 10px;
    position : relative;
    -webkit-transition : all 0.4s;
    -moz-transition : all 0.4s;
    -ms-transition : all 0.4s;
    -o-transition : all 0.4s;
    transition : all 0.4s;
}
 .team-meta p {
    margin-bottom : 0;
}
 .team-img {
    position : relative;
    overflow : hidden;
}
.team-meta-details h5{
    font-size: 16px;
    font-weight: 700;
    font-family : 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.team-meta-details p{
    font-size: 14px; 
    text-transform: capitalize; 
    font-style: italic;
}
.team-meta-details {
    -webkit-transition : all 0.4s;
    -moz-transition : all 0.4s;
    -ms-transition : all 0.4s;
    -o-transition : all 0.4s;
    transition : all 0.4s;
} 
.team-item:hover .team-meta-details {
    -webkit-opacity : 0;
    -moz-opacity : 0;
    opacity : 0;
}
 .team-item:hover .team-social {
    -webkit-opacity : 1;
    -moz-opacity : 1;
    opacity : 1;
    bottom : 0;
    margin-bottom : 20px;
}
 .team-item:hover .team-meta {
    background : #028b78;
}
 .team-item:hover {
    -webkit-box-shadow : 0 7px 12px 0 rgba(0,0,0,0.05);
    -moz-box-shadow : 0 7px 12px 0 rgba(0,0,0,0.05);
    box-shadow : 0 7px 12px 0 rgba(0,0,0,0.05);
}
 .team-item:hover .team-img img {
    -moz-transform : scale(1.1) translateX(0px) translateY(0px);
    -webkit-transform : scale(1.1) translateX(0px) translateY(0px);
    -o-transform : scale(1.1) translateX(0px) translateY(0px);
    -ms-transform : scale(1.1) translateX(0px) translateY(0px);
    transform : scale(1.1) translateX(0px) translateY(0px);
}
.team-img img {
    -webkit-transition : all 0.4s;
    -moz-transition : all 0.4s;
    -ms-transition : all 0.4s;
    -o-transition : all 0.4s;
    transition : all 0.4s;
}
 .team-social {
    display : block;
    -webkit-opacity : 0;
    -moz-opacity : 0;
    opacity : 0;
    position : absolute;
    bottom : -50%;
    left : 0;
    text-align : center;
    width : 100%;
    -webkit-transition : all 0.4s;
    -moz-transition : all 0.4s;
    -ms-transition : all 0.4s;
    -o-transition : all 0.4s;
    transition : all 0.4s;
}
 .team-social ul {
    list-style : none;
    padding-left : 0;
    margin-bottom: 0;
}
 .team-social ul li {
    display : inline-block;
    margin : 0px 10px;
}
 .team-social ul li a {
    display : block;
    padding : 5px;
    color : #fff;
}
 .team-social ul li a:hover {
    color : #2e3641;
}
 .team-social {
    -webkit-animation-duration : 1.7s;
    -moz-animation-duration : 1.7s;
    -ms-animation-duration : 1.7s;
    -o-animation-duration : 1.7s;
    animation-duration : 1.7s;
    -webkit-animation-delay : 1s;
    -moz-animation-delay : 1s;
    -ms-animation-delay : 1s;
    -o-animation-delay : 1s;
    animation-delay : 1s;
}
 /* ========================================================================== 
 18. Portfolio page Styles 
 ========================================================================== */
 .portfolio-single {
    padding : 90px 0;
    overflow : hidden;
    position : relative;
}
.single-portfolio-title{
    margin-top: 0;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 30px;
    letter-spacing: 1px;
    line-height: 1;
}
.mt-mb-30{
    margin-top: 30px;
    margin-bottom: 30px;
}
.mt-mb-50{
    margin-top: 50px;
    margin-bottom: 50px;
}
 .project-details-table > table th {
    text-transform : uppercase;
}
 .project-details-table > table td {
    text-transform : capitalize;
}
/*share buttons*/
 .shre-fb {
    background : #3b5998;
    border : 1px solid #3b5998;
}
 .shre-tw {
    background : #1da1f2;
    border : 1px solid #1da1f2;
}
 .shre-in {
    background : #0077b5;
    border : 1px solid #0077b5;
}
 .shre-gplus {
    background : #dc4a38;
    border : 1px solid #dc4a38;
}
 .shre-counter {
    background : #fff;
    padding : 10px;
    vertical-align : middle;
}
 .shre-counter {
    position : relative;
    background : #fff;
    border : 0px solid #fff;
    float : right;
    display : inline-block;
    /*position: absolute;
    right: 0;*/
}
 .shre-counter:after, .shre-counter:before {
    right : 100%;
    top : 50%;
    border : solid transparent;
    content : " ";
    height : 0;
    width : 0;
    position : absolute;
    pointer-events : none;
}
 .shre-counter:after {
    border-color : rgba(255, 255, 255, 0);
    border-right-color : #fff;
    border-width : 8px;
    margin-top : -8px;
}
 .shre-counter:before {
    border-color : rgba(255, 255, 255, 0);
    border-right-color : #fff;
    border-width : 9px;
    margin-top : -9px;
}
 .shre-btn a {
    padding : 10px;
    color : #fff;
    overflow : hidden;
    position : relative;
    display : inline-block;
    vertical-align : middle;
    float : left;
}
 .shre-btn a:hover {
    text-decoration : none;
}
 .shre-posts {
    margin-right : 15px;
    display : block;
    width : 100%;
}
 .shre-posts {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight : 500;
    color : #2e3641;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
 .shre-btn {
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
    overflow : hidden;
    width : 100%;
    display: block;
    min-width: 100%;
}
 .shre-btn:hover {
    opacity : 0.7;
}
 .share-block {
    border-top : 1px solid #e1e1e1;
    border-bottom : 1px solid #e1e1e1;
    padding : 30px 0;
    margin-top: 30px;
}
 .sing-portfolio-title {
    color : #137499;
    font-size : 18px;
    font-family : 'Roboto', sans-serif;
    text-transform : uppercase;
    margin-bottom : 30px;
    letter-spacing: 1px;
}
 .project-details-table {
    margin-top : 30px;
    margin-bottom: 0px;
}
.project-details-table .table{
    margin-bottom: 0;
}
 /* ========================================================================== 
 19. Service page Styles 
 ========================================================================== */
 .single-service-title{
    margin-top: 0;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0px;
 }
 .ser-icon {
    color : #137499;
    font-size : 24px;
    margin-right : 15px;
    display : inline-block;
    vertical-align : middle;
    width : 32px;
}
 .service-lists {
    list-style : none;
    padding-left : 0;
}
 .service-lists li {
    padding : 15px 20px;
    border : 1px solid #f0f0f0;
    display : block;
    margin-bottom : 15px;
    font-size : 14px;
    vertical-align : middle;
    text-transform : uppercase;
    font-weight : inherit;
    font-family : inherit;
}
 .service-lists li a {
    text-transform : uppercase;
    font-family : 'Roboto', sans-serif;
    color : #2e3641;
}
 .service-lists li a:hover{
    color: #137499;
    text-decoration: none;
 }
 .address-widget {
    padding : 20px;
    border : 1px solid #f0f0f0;
    display : block;
    font-size : 14px;
    font-weight : inherit;
    font-family : inherit;
}
.address-widget strong{
    color : #137499;
}
 .widget-title {
    color : #137499;
    font-size : 16px;
    font-family : 'Roboto', sans-serif;
    margin-bottom : 15px;
    text-transform : uppercase;
}
 .sidebar-widgets {
    margin-bottom : 30px;
}
 .sidebar-widgets :last-child {
    margin-bottom : 0px;
}
 /* ========================================================================== 
 20. Blog page Styles 
 ========================================================================== */
 .blog-full-width {
    padding : 90px 0;
    overflow : hidden;
    background : #fff;
}
 .blog-block {
    border : 1px solid #f0f0f0;
    overflow : hidden;
}
 .blog-details {
    padding : 20px;
}
 .blog-details .post-title {
    font-size: 17px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 10px;
}
 .blog-details .blog-meta {
    border-top : 1px solid #e1e1e1;
    border-bottom : 1px solid #e1e1e1;
    padding : 10px 0;
    font-size : 12px;
    margin-bottom : 15px;
}
 .blog-details .blog-meta-icons {
    color : #137499;
    margin-right : 5px;
}
 .blog-details .blog-meta .col {
    padding : 0;
}
 .blog-details .read-more, .blog-details .read-more:visited {
    color : #137499;
    display : block;
}
 .blog-details .read-more:hover {
    color : #2e3641;
    display : block;
    text-decoration : none;
}
 .blog-details .read-more:after {
    color : #f7f7f7;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f105";
    display : inline-block;
    margin-left : 5px;
    vertical-align : middle;
    color : #137499;
}
 .posted-author a {
    color : #03c7ac;
}
 .posted-author a:hover {
    color : #2e3641;
    text-decoration : none;
}
.single-blog-meta {
    margin-top: 25px;
}
 .blog-date {
    background: rgba(31, 187, 166, 0.87);
    overflow : hidden;
    position : absolute;
    top : 0;
    right : 0;
    z-index : 3;
    padding : 10px;
    color : #fff;
    text-align : center;
    font-size : 14px;
    line-height: 20px;
    font-family : inherit;
    font-weight : 600;
    text-transform:  uppercase;
}
 .blog-block {
    position : relative;
    margin-bottom: 40px;
}
 .blog-thumbnails {
    position : relative;
    overflow : hidden;
}
 .blog-block img {
    -webkit-transition : all 0.4s;
    -moz-transition : all 0.4s;
    -ms-transition : all 0.4s;
    -o-transition : all 0.4s;
    transition : all 0.4s;
} 
.blog-block:hover img {
    -moz-transform : scale(1.3);
    -webkit-transform : scale(1.3);
    -o-transform : scale(1.3);
    -ms-transform : scale(1.3);
    transform : scale(1.3);
}
.pagination {
    margin-bottom: 0;
}
 .pagination .page-item.active .page-link {
    z-index : 1;
    color : #fff;
    background-color : #137499;
    border-color : #137499;
}
 .pagination .page-link:hover {
    z-index : 2;
    color : #fff;
    text-decoration : none;
    background-color : #03c7ac;
    border-color : #03c7ac;
}
 .pagination .page-link {
    position : relative;
    display : block;
    padding : .5rem .75rem;
    margin-left : -1px;
    line-height : 1.25;
    color : #2e3641;
    background-color : #fff;
    border : 0px solid #dee2e6;
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}
 .page-item.disabled .page-link {
    color : #fff;
    pointer-events : none;
    cursor : auto;
    background-color : #e7e7e7;
    border-color : #e7e7e7;
}
 .page-item:first-child {
    margin-right : 10px;
}
 .page-item :last-child {
    margin-left : 0px;
}
 .page-item:first-child .page-link, .page-item:last-child .page-link {
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}
 /* ========================================================================== 
 21. Blog single page Styles 
 ========================================================================== */
 .blog-single-page {
    padding : 90px 0;
    overflow : hidden;
    background : #fff;
    position : relative;
}
 .single-post-title {
    margin-top : 0;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0px;
}
 .single-blog-meta .col {
    padding : 0;
}
 .single-blog-meta .blog-meta-icons {
    color : #03c7ac;
    margin-right : 5px;
}
 .mt-mb-20 {
    margin-top : 20px;
    margin-bottom : 20px;
}
 .ul-list {
    list-style : none;
}
 .ul-list li {
    margin-bottom : 15px;
}
 .ul-list li:after {
    float : left;
    margin-left : -1.5em;
    color : #404040;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f138";
}
 .post-navigation {
    text-transform : capitalize;
    color : #404040;
    font-size : 14px;
    font-family : 'Roboto', sans-serif;
    border : 1px solid #e7e7e7;
    padding : 10px 20px;
    display : inline-block;
}
 .post-navigation:hover {
    background : #137499;
    color : #fff;
    text-decoration : none;
}
 .single-post-navigation {
    margin : 30px auto;
    border-bottom : 1px solid #e7e7e7;
    padding-bottom : 30px;
}
 .leave-comment {
    font-size : 18px;
    color : #2e3641;
    font-weight : 500;
    margin-bottom : 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}
 #comment-submit {
    background : #f2f2f2;
    cursor : pointer;
    border : 0px solid #fff;
}
 #comment-submit:hover {
    background : #137499;
    cursor : pointer;
    border : 0px solid #fff;
    color : #fff;
}
 .comment-form input, .comment-form textarea {
    min-height : 50px;
    -webkit-border-radius : 0px;
    -moz-border-radius : 0px;
    border-radius : 0px;
}
 .comment-form input:focus, .comment-form textarea:focus {
    border : 1px solid #137499 !important;
    background-color : #fff;
    color : #2e3641;
    -webkit-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    -moz-box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
    box-shadow : 0px 0px 0px 0px rgba(46,54,65,0.5);
}
 .widget-box {
    border-bottom : 1px solid #03c7ac;
    padding-bottom : 15px;
    margin-bottom : 30px;
}
 .widget-box:first-child {
    border-top : 1px solid #e7e7e7;
    padding-top : 20px;
}
 .widget-box:last-child {
    border-bottom : 1px solid #e7e7e7;
}
 .widget-lists {
    list-style : none;
    padding-left : 20px;
}
 .widget-lists li:after {
    float : left;
    margin-left : -1.5em;
    color : #404040;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f101";
}
 .widget-lists li {
    font-size : 14px;
    margin-bottom : 15px;
    transition : all 300ms ease;
}
 .widget-lists li:hover{
     margin-left:10px;
     transition : all 300ms ease;
 }
 .widget-lists li a {
    color : #404040;
}
 .widget-lists li a:hover {
    color : #137499;
    -webkit-transition : all 300ms ease;
    -moz-transition : all 300ms ease;
    -ms-transition : all 300ms ease;
    -o-transition : all 300ms ease;
    transition : all 300ms ease;
    text-decoration : none;
}
 h4.widget-heading {
    padding-left : 30px;
    position : relative;
    margin-bottom : 30px;
    font-size : 16px;
    color : #2e3641;
    font-family : 'Roboto', sans-serif;
    letter-spacing: 1px;
}
 .widget-heading.categories:after {
    float : left;
    margin-left : -30px;
    color : #404040;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f0c9";
}
 .widget-heading:before {
    content : '';
    height : 1px;
    background : #e7e7e7;
    position : absolute;
    bottom : 0;
    left : 0;
    width : 100%;
    margin-bottom : -20px;
}
 .widget-heading.recent-news:after {
    float : left;
    margin-left : -30px;
    color : #404040;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f0a1";
}
 .recent-post-lists {
    padding-left : 0;
    list-style : none;
    position : relative;
    overflow : hidden;
}
 .recent-post-lists li {
    margin-bottom : 20px;
}
 .recent-thumb {
    max-width : 25%;
    margin-right : 10px;
}
 .recent-post-heading, .recent-post-heading:visited {
    font-size : 16px;
    color : #2b2c2d;
    font-family : 'Roboto', sans-serif;
    margin-bottom : 5px;
    display : block;
    line-height : 1.3;
}
 .recent-post-heading:hover {
    color : #2e3641;
}
 .recent-post-author, .recent-post-date {
    font-size : 12px;
    font-family : inherit;
    vertical-align : middle;
}
.recent-post-icons {
    color : #03c7ac;
    margin-right : 5px;
    display : inline-block;
    vertical-align : middle;
}
.recent-post-date {
    margin-left : 15px;
}
.recent-post-author a {
    color : #404040;
}
 .widget-heading.popular-tags:after {
    float : left;
    margin-left : -30px;
    color : #404040;
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    content : "\f02c";
}
.tag-lists {
    list-style : none;
    padding-left : 0;
    margin-bottom: 5px;
}
.tag-lists li {
    border : 1px solid #e7e7e7;
    display : inline-block;
    margin-right : 10px;
    margin-bottom : 10px;
}
.tag-lists li a {
    color : #2b2c2d;
    display : block;
    padding: 10px 13px;
    font-size : 14px;
    background : #fff;
    text-transform : uppercase;
}
 .tag-lists li a:hover {
    color : #fff;
    background : #03c7ac;
    text-decoration : none;
    -webkit-transition : all 300ms ease;
    -moz-transition : all 300ms ease;
    -ms-transition : all 300ms ease;
    -o-transition : all 300ms ease;
    transition : all 300ms ease;
}
 /* ========================================================================== 
 22. 404 page Styles 
 ========================================================================== */
 .not-found-section {
    padding : 90px 0;
    overflow : hidden;
    background : #fff;
}
 /* ========================================================================== 
 23. Google map Styles 
 ========================================================================== */
 .google-map {
    background : #137499;
    height : 450px;
    width : 100%;
}
/* ========================================================================== 
 24. Scroll to top block Styles 
 ========================================================================== */
 .scroll-top {
    background-color : #2e3641;
    display : none;
    font-size : 28px;
    line-height : 50px;
    color : #fff;
    position : fixed;
    right : 15px;
    bottom : 50px;
    width : 50px;
    height : 50px;
    z-index : 9999;
    text-align : center;
    cursor : pointer;
    -webkit-transition : all .35s linear;
    -o-transition : all .35s linear;
    -moz-transition : all .35s linear;
    transition : all .35s linear;
}
 .scroll-top:hover {
    background-color : #137499;
}

/* ========================================================================== 
 25. Preloader Styles
 ========================================================================== */
 
.preloader{ position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%;  
    background-color:#ffffff; 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../img/loader.svg);
    z-index:999999999999;

}
/* ==========================================================================
26. Pricing plan section Styles
========================================================================== */
.pricing-list{
    padding: 90px 0;
}
.price-header{
    /*background-image: url(../images/pricing-bg.jpeg);*/
    background-color: #137499;
    padding: 30px 15px;
    text-align: center;
    color: #fff;
    position: relative;
}
/*.price-header::before{*/
    /*content: "";*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: rgba(0,0,0,0.85);*/
/*}*/
.plan-title{
    font-weight: 300;
    font-size: 16px;
    position: relative;
    letter-spacing: 2px;
}
.price-amount{
    font-size: 32px;
    font-weight: 600;
    position: relative;
    letter-spacing: 2px;
}
.price-block{
    background: #F2F1EF;
    -webkit-transition : all .35s linear;
    -o-transition : all .35s linear;
    -moz-transition : all .35s linear;
    transition : all .35s linear;
}
.sub{
    font-size: 18px;
    font-weight: 300;
    position: relative;
}
.price-duration{
    position: relative;
}
.price-icon{
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    background: #000;
    border: 2px solid #FF7200;
    padding: 5px 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
}
.price-body{
    padding: 30px 15px;
}
.price-body ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.price-body ul li {
    height: 40px;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
    line-height: 40px;
    font-size: 14px;
    text-transform: capitalize;
    color: #BFBFBF;
}
.price-check-icon{
    font-size: 12px;
    margin-right: 10px;
}
.price-footer{
    padding: 0px 15px 30px 15px;
}
.price-footer .btn{
    display: block;
    background-color: #000;
    color: #fff;
    position: relative;
    z-index: 1;
}
.active-price{
    color: #404040 !important;
}
.plan-title{
    position: relative;
    padding-bottom: 10px;
}
.plan-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #cecacc;
    height: 1px;
    z-index: 2;
    width: 100%;
}
.price-block:hover{
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,.06), 0 3px 14px 2px rgba(0,0,0,.08), 0 5px 5px -3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 8px 17px 2px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.08),0 5px 5px -3px rgba(0,0,0,.1);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,.06), 0 3px 14px 2px rgba(0,0,0,.08), 0 5px 5px -3px rgba(0,0,0,.1);
}
.price-footer .btn-tp {
    border: 0px solid #137499;
}
.price-footer .btn-tp:after {
    background: #137499;
}