/*

 Theme Name: Graptor

 Theme URI: https://psdtowpwork.com/html/graptor/

 Author: nsstheme

 Author URI: https://themeforest.net/user/nsstheme

 Description: Graptor - Technology & IT Solutions HTML5 Responsive Template

 Version: 1.0

 License:

 License URI:

 */



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

 [Table of contents]

 ===================================

 1. All Preset Css

 2. Home 01

 3. Home 02

 4. Home 03

 5. About Page

 6. Service Page

 7. Portfolio Page

 8. Blog Page 

 9. Single Blog Page

 10. Team Page

 11. Contact Page

 12. Preloader

 13. Fixed Header

*/



/*------------------------------------------------------

/ 1. All Preset Css

/------------------------------------------------------*/

/*--- Google Fonts ---*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*--- Google Fonts ---*/



html, body{

    margin: 0;

    padding: 0;

}

body{

    font-family: 'Jost', sans-serif;

    font-size: 18px;

    line-height: 30px;

    color: #565872;

    letter-spacing: 0;

    font-weight: 400;

    word-break: break-word;

}

h1, h2, h3, h4, h5, h6{

    color: #191919;

    font-weight: 700;

    letter-spacing: 0;

    margin: 0 0 15px;

    line-height: 1.5;

}

.rubik{

    font-family: 'Rubik', sans-serif;

}

a{

    color: #191919;

    text-decoration: none;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

a:hover{

    color: #4091bd;

    text-decoration: none;

}

a:focus{

    outline: 0;

    text-shadow: none;

    box-shadow: none;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}

input[type=number] {

  -moz-appearance: textfield;

}



/*---- fishto Btn ----*/

.grap-btn{

    display: inline-block;

    height: 50px;

    font-size: 15px;

    font-family: 'Rubik', sans-serif;

    line-height: .8;

    color: #fff;

    overflow: hidden;

    position: relative;

    z-index: 1;

    text-align: center;

    text-transform: capitalize;

    font-weight: 500;

    background: #4091bd;

    padding: 14px 25px;

    border-radius: 5px;

    z-index: 1;

    cursor: pointer;

    border: none;

    outline: none;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.grap-btn:hover{

    color: #fff;

}

.grap-btn::before{

    content: '';

    position: absolute;

    left: auto;

    right: 0;

    bottom: 0;

    height: 100%;

    width: 0;

    z-index: -1;

    transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;

    -moz-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;

    -webkit-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;

    background: #081845;

    border-radius: 5px;

}

.grap-btn:hover::before{

    width: 100%;

    left: 0;

    right: auto;

}

.grap-btn i{

    font-size: 18px;

    line-height: .8;

    display: inline-block;

    margin: 0 0 0 32px;

    position: relative;

    top: 3px;

}

.to_left::before{

    content: "";

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    right: auto;

    z-index: -1;

    top: 0;

    background: #081845;

    transition: width .4s cubic-bezier(.25,.8,.25,1) 0s;

    -moz-transition: width .4s cubic-bezier(.25,.8,.25,1) 0s;

    -webkit-transition: width .4s cubic-bezier(.25,.8,.25,1) 0s;

}

.to_left:hover:before {

    width: 100%;

    left: auto;

    right: 0;

}

.to_top::before {

    content: "";

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    z-index: -1;

    top: 0;

    bottom: auto;

    background: #081845;

    transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;

    -moz-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;

    -webkit-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;

}

.to_top:hover:before {

    height: 100%;

    top: auto;

    bottom: 0;

}

.to_bottom::before {

    content: "";

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    bottom: 0;

    top: auto;

    z-index: -1;

    background: #081845;

    transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;

    -moz-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;

    -webkit-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;

}

.to_bottom:hover:before {

    height: 100%;

    top: auto;

    top: 0;

}



/*---- Section Title ----*/

.sub_title{

    font-size: 16px;

    color: #F7531E;

    font-weight: 700;

    line-height: 20px;

    display: inline-block;

    margin: 0 0 20px;

}

.sub_title span{

    display: inline-block;

    width: 60px;

    height: 2px;

    background: #F7531E;

    margin: 0 0 0 9px;

    position: relative;

    top: -2px;

}

.sec_titles{

    font-size: 34px;

    line-height: 40px;

    margin-bottom: 60px;

}

.sec_desc{

    line-height: 30px;

    margin: -40px 0 29px;

}

body .elementor-widget:not(:last-child) {

    margin-bottom: 0;

}

.fishto_heading{

    font-size: 40px;

    line-height: 54px;

    color: #1c1c25;

    margin: 0 0 18px;

}

.fishto_heading span{

    color: #1972E0;

}

/*---- Animation ----*/

@keyframes halfBounce2 {

    0%,

    100% {

        transform: scale(.9)

    }

    50% {

        transform: scale(1)

    }

}

@-webkit-keyframes rotated {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0);

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}

@keyframes movebounce {

    0% {

        transform: translateY(0px); }

    50% {

        transform: translateY(15px); }

    100% {

        transform: translateY(0px); }

}

@keyframes zoomBig {

  0% {

    transform: translate(-50%, -50%) scale(0.5);

    opacity: 1;

    border-width: 3px;

  }

  40% {

    opacity: .5;

    border-width: 2px;

  }

  65% {

    border-width: 1px;

  }

  100% {

    transform: translate(-50%, -50%) scale(1);

    opacity: 0;

    border-width: 1px;

  }

}

@keyframes shadows {

    0% {

        box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 30px rgba(255, 255, 255, .2);

    }

    100% {

        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 30px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, 0);

    }

}

.overlay-anim::before {

    background: rgba(255, 255, 255, 0.5);

    bottom: 0;

    content: "";

    left: 50%;

    position: absolute;

    right: 51%;

    top: 0;

    opacity: 1;

    pointer-events: none;

    transition: all 500ms linear;

}

.overlay-anim:hover::before {

    left: 0;

    right: 0;

    opacity: 0;

    transition: all 500ms linear;

}

.overlay-anim::after {

    background: rgba(255, 255, 255, 0.5);

    bottom: 50%;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 50%;

    opacity: 1;

    pointer-events: none;

    transition: all 600ms linear;

}

.overlay-anim:hover::after {

    top: 0;

    bottom: 0;

    opacity: 0;

    transition: all 600ms linear;

}

.sub-title{

    font-size: 16px;

    line-height: 20px;

    color: #4091bd;

    font-weight: 500;

    text-transform: uppercase;

    margin: 0 0 17px;

}

.sub-title span{

    width: 81px;

    height: 3px;

    display: inline-block;

    background: #4091bd;

    margin-right: 15px;

    position: relative;

    top: -3px;

}

.sec-title{

    font-size: 48px;

    line-height: 58px;

    margin: 0 0 40px;

}

.sec-desc{

    margin: 0 0 30px;

}







/*------------------------------------------------------

/ 2. Home 01

/------------------------------------------------------*/

/*---- Topbar ---*/

.topbar{

    position: relative;

    background: #4091bd;

    padding: 11px 0 10px;

}

.topinfo{

    position: relative;

}

.topinfo p{

    display: inline-block;

    color: #fff;

    font-size: 14px;

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    line-height: .8;

    margin: 0 35px 0 0;

}

.topinfo p:last-child{

    margin-right: 0;

}

.topinfo p a{

    color: inherit;

}

.topinfo p i{

    display: inline-block;

    margin-right: 9px;

    font-size: 17px;

    position: relative;

    top: 1px;

}

.topbar p i.nss-phone2 {

    top: 4px;

    -webkit-transform: rotateY(

180deg

);

    -moz-transform: rotateY(180deg);

    transform: rotateY(

180deg

);

    display: inline-block;

}

.topinfo p i.icon_pin_alt{

    top: 3px;

}

.topsocial{

    margin: 0;

    padding: 0;

    float: right;

    display: inline-block;

}

.topsocial li{

    list-style: none;

    display: inline-block;

    margin-left: 16px;

}

.topsocial li a{

    display: inline-block;

    font-size: 17px;

    color: #F5F5F5;

}

.topsocial li a:hover{

    color: #081845;

}

.topbar .container-fluid,

header .container-fluid{

    padding-left: 75px;

    padding-right: 75px;

}



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

.header-01{

    position: relative;

    background: #191919;

    width: 100%;

    z-index: 99;

}

.navbar.navbar-expand-lg{

    position: relative;

    margin: 0 0;

    padding: 0;

    transition: all 0.3s ease-out;

}

.navbar-brand{

    position: relative;

    padding: 0 0;

    margin: 0;

    text-align: center;

}

.navbar-brand img{

    max-width: 80%;

    width: auto;

    height: 80px;

}

.text-logo{

    display: block;

    font-size: 30px;

    line-height: 30px;

    text-transform: capitalize;

    color: #fff;

    font-weight: 700;

    letter-spacing: 0;

}

.text-logo:hover{

    color: #5838fc;

}

.navbar .navbar-collapse{

    justify-content: center;

}

.navbar-expand-lg .navbar-nav{

    position: relative;

    margin: 0;

    padding: 0;

}

.navbar-expand-lg .navbar-nav li{

    position: relative;

    list-style: none;

    display: inline-block;

    margin: 0 0 0 25px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.navbar-expand-lg .navbar-nav li:first-child{

    margin-left: 0;

}

.navbar-expand-lg .navbar-nav li > a{

    display: block;

    font-size: 18px;

    line-height: 23px;

    color: #fff;

    font-family: 'Rubik', sans-serif;

    text-transform: capitalize;

    font-weight: 500;

    padding: 40px 15px 37px;

    position: relative;

}

/*.navbar-expand-lg .navbar-nav > li > a:after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 6px;

    height: 37px;

    width: 0;

    background: #4091bd;

    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);

    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);

    box-shadow: 0px 5px 12.09px 0.91px rgb(71 51 127 / 11%);

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

    border-radius: 0 0 0 10px;

    margin: auto;

    opacity: 0;

    z-index: -1;

}

.navbar-expand-lg .navbar-nav > li:hover > a:after {

    opacity: 1;

    width: 100%;

}*/

.navbar-expand-lg .navbar-nav li.menu-item-has-children > a::before {

    content: "+";

    position: absolute;

    left: auto;

    right: 0px;

    top: 50%;

    text-align: center;

    z-index: 9999;

    font-size: 16px;

    display: block;

    cursor: pointer;

    transform: translateY(-50%);

}

.navbar-expand-lg .navbar-nav .sub-menu li.menu-item-has-children > a::before{

    right: 15px;

}

.navbar-expand-lg .navbar-nav li.menu-item-has-children:hover > a::before {

    content: "-";

}

.navbar-expand-lg .navbar-nav li:hover > a{

    color: #4091bd;

}

.navbar-expand-lg .navbar-nav li .sub-menu {

    position: absolute;

    left: inherit;

    pointer-events: none;

    top: 100%;

    width: 250px;

    z-index: 100;

    text-align: left;

    margin: 0;

    padding: 0;

    opacity: 0;

    visibility: hidden;

    background: #191919;

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0 5px 1px rgb(0 0 0 / 5%);

    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);

    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);

    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);

    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0 5px 1px rgb(0 0 0 / 5%);

    -webkit-transform-origin: top;

    -ms-transform-origin: top;

    transform-origin: top;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

    border: none;

    border-radius: 0;

    color: inherit;

    font-size: inherit;

}

.navbar-expand-lg .navbar-nav li .sub-menu li{

    display: block;

    padding: 0;

    margin: 0;

    border-top: 1px solid rgba(255, 255, 255, .1);

    -webkit-transition: all .2s cubic-bezier(.4,.28,.31,1.28) 0s;

    transition: all .2s cubic-bezier(.4,.28,.31,1.28) 0s;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

}

.navbar-expand-lg .navbar-nav li .sub-menu li a{

    padding: 13px 25px;

    margin: 0;

    color: #fff;

    line-height: 26px;

    text-transform: capitalize;

    font-weight: 400;

    font-size: 16px;

    width: 100%;

    display: block;

    position: relative;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+1) {

    -webkit-transition-delay: .1s;

    transition-delay: .1s;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+2) {

    -webkit-transition-delay: .15s;

    transition-delay: .15s;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+3) {

    -webkit-transition-delay: .2s;

    transition-delay: .2s;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+4) {

    -webkit-transition-delay: .25s;

    transition-delay: .25s;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+5) {

    -webkit-transition-delay: .3s;

    transition-delay: .3s;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+6) {

    -webkit-transition-delay: .35s;

    transition-delay: .35s;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+7) {

    -webkit-transition-delay: .4s;

    transition-delay: .4s;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:last-child{

    -webkit-transition-delay: .45s;

    transition-delay: .45s;

}

.navbar-expand-lg .navbar-nav li:hover .sub-menu li {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.navbar-expand-lg .navbar-nav li .sub-menu li.current-menu-item > a,

.navbar-expand-lg .navbar-nav li .sub-menu li:hover > a{

    color: #4091bd;

}

.navbar-expand-lg .navbar-nav li:hover .sub-menu{

    visibility: visible;

    opacity: 1;

    pointer-events: inherit;

    -moz-transform: translateY(0);

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}

.navbar-expand-lg .navbar-nav li .sub-menu li .sub-menu{

    position: absolute;

    left: 110%;

    right: auto;

    top: 0;

    visibility: hidden;

    opacity: 0;

    pointer-events: none;

}

.navbar-expand-lg .navbar-nav li .sub-menu li:hover .sub-menu{

    visibility: visible;

    opacity: 1;

    left: calc(100% + 1px);

    pointer-events: inherit;

}

.access-btn{

    position: relative;

    margin-left: 0;

}

.access-btn .btn-search{

    display: inline-block;

    font-size: 22px;

    color: #fff;

    position: relative;

    top: -13px;

}

.access-btn .btn-search:hover{

    color: #4091bd;

}

.access-btn .grap-btn{

    font-weight: 700;

    padding: 19px 30px;

    margin-left: 32px;

}

.access-btn .grap-btn:hover{

    color: #4091bd;

}

.access-btn .grap-btn:before{

    background: #fff;

}

.submenu-toggler{

    display: none;

}



/*---- Search Toggle ---*/

.popup_search_sec {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

}

.popup_search_overlay {

    position: fixed;

    left: 0;

    top: -100%;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .6);

    z-index: 99;

    opacity: 0;

    visibility: hidden;

    cursor: url(../images/close.png), auto;

    -webkit-transition: all .4s ease-in .8s;

    -o-transition: all .4s ease-in .8s;

    transition: all .4s ease-in .8s;

}

.popup_search_sec.active .popup_search_overlay {

    visibility: visible;

    -webkit-transition: all .8s ease-out 0s;

    -o-transition: all .8s ease-out 0s;

    transition: all .8s ease-out 0s;

    top: 0;

    opacity: 1;

}

.pop_search_background {

    background: #000;

    width: 100%;

    height: 400px;

    top: -100%;

    z-index: 99;

    position: fixed;

    left: 0;

    opacity: 0;

    visibility: hidden;

    -webkit-overflow-scrolling: touch;

    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;

    -o-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;

    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;

}

.popup_search_sec.active .pop_search_background {

    opacity: 1;

    visibility: visible;

    top: 0;

    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;

    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;

    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;

}

.middle_search {

    position: relative;

    top: 43%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    position: relative;

    z-index: 2;

}

.popup_search_form {

    position: relative;

}

.popup_search_form:after {

    -webkit-animation-delay: 0.8s;

    -moz-animation-delay: 0.8s;

    -o-animation-delay: 0.8s;

    animation-delay: 0.8s;

    position: absolute;

    content: '';

    height: 1px;

    background: rgba(255, 255, 255, .25);

    width: 0;

    visibility: hidden;

    opacity: 0;

    position: absolute;

    left: 0;

    bottom: 0;

}

.popup_search_sec.active .popup_search_form:after {

    -webkit-animation-name: fadeInGo;

    animation-name: fadeInGo;

    -webkit-animation-duration: 0.8s;

    animation-duration: 0.8s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    visibility: visible;

    opacity: 1;

    width: 100%;

}

.popup_search_form:before{

    content: '';

    position: absolute;

    left: auto;

    right: 0;

    bottom: 0;

    height: 1px;

    width: 0;

    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;

    -moz-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;

    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;

    background: #4091bd;

}

.popup_search_form.focused:before{

    width: 100%;

    left: 0;

    right: auto;

}

.popup_search_form input[type="search"] {

    width: 100%;

    height: 64px;

    border: none;

    background: transparent;

    outline: none;

    font-size: 20px;

    line-height: 64px;

    color: #ffffff;

    font-weight: 500;

}

.popup_search_form input[type="search"]::-moz-placeholder{

    color: #ffffff;

    opacity: 1;

}

.popup_search_form input[type="search"]::-ms-input-placeholder{

    color: #ffffff;

    opacity: 1;

}

.popup_search_form input[type="search"]::-webkit-input-placeholder{

    color: #ffffff;

    opacity: 1;

}

@-webkit-keyframes fadeIn {

    0% {opacity: 0;}

    100% {opacity: 1;}

}

@keyframes fadeIn {

    0% {opacity: 0;}

    100% {opacity: 1;}

}



@-webkit-keyframes fadeOut {

    0% {opacity: 1;}

    100% {opacity: 0;}

}

@keyframes fadeOut {

    0% {opacity: 1;}

    100% {opacity: 0;}

}



@-webkit-keyframes fadeInGo {

    0% {opacity: 0.1; width: 0; }

    100% {opacity: 1; width: 100%; }

}

@keyframes fadeInGo {

    0% {opacity: 0.1; width: 0; }

    100% {opacity: 1; width: 100%; }

}



@-webkit-keyframes fadeOutGo {

    0% {opacity: 1; width: 100%; }

    100% {opacity: 0; width: 0; }

}

@keyframes fadeOutGo {

    0% {opacity: 1; width: 100%; }

    100% {opacity: 0; width: 0; }

}



@-webkit-keyframes fadeOutGo2 {

    0% {opacity: 0.8; width: 100%; }

    100% {opacity: 0.14; width: 0; }

}

@keyframes fadeOutGo2 {

    0% {opacity: 0.8; width: 100%; }

    100% {opacity: 0.14; width: 0; }

}

.popup_search_form  button[type="submit"]{

    position: absolute;

    right: 0;

    bottom: 14px;

    border: none;

    outline: none;

    z-index: 2;

    font-size: 20px;

    line-height: 32px;

    margin: 0;

    padding: 0;

    background: transparent;

    color: #ffffff;

    transition: all ease 300ms;

    -moz-transition: all ease 300ms;

    -webkit-transition: all ease 300ms;

    -ms-transition: all ease 300ms;

    -o-transition: all ease 300ms;

}

.popup_search_form  button[type="submit"]:hover{

    color: #4091bd;

}





/*---- Slider ---*/

.slider-section{

    position: relative;

    overflow: hidden;

}

.hero-slider-01{

    position: relative;

}

.single-slide.bg-img{

    background-position: center center;

    background-size: cover;

    position: relative;

    z-index: 5;

    height: 900px;

}

.single-slide.bg-img:after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: rgba(8, 24, 69, .4);

}

.slider-content{

    position: relative;

    z-index: 9;

    padding: 0 0;

}

.slider-content .sub-title{

    color: #fff;

    font-size: 16px;

    line-height: 22px;

    text-transform: inherit;

    font-weight: 500;

    position: relative;

    font-family: 'Rubik', sans-serif;

    margin-bottom: 22px;

}

.slider-content .sub-title:after{

    position: relative;

    right: -24px;

    top: -3px;

    width: 60px;

    height: 2px;

    background: #F0F4F9;

    content: '';

    display: inline-block;

}

.slider-content h2{

    font-size: 80px;

    line-height: 90px;

    color: #fff;

    margin: 0 0 38px;

}

.slider-content p {

    font-size: 18px;

    line-height: 26px;

    color: #fff;

    margin: -15px 0 0;

}

.slider-content .grap-btn{

    height: 60px;

    padding: 20px 27px;

}

.slider-content .to_bottom{

    margin-left: 14px;

    background: transparent;

    border: 2px solid rgba(255, 255, 255, .2);

    color: #ffff;

}

.slider-content .to_bottom:hover{

    border-color: #4091bd;

}

.slider-content .to_bottom::before{

    background: #4091bd;

    border-radius: 0;

}

.slider-section .owl-dots{

    position: absolute;

    right: 0;

    left: 0;

    margin: 0 auto;

    text-align: center;

    bottom: 40px;

    z-index: 3;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.slider-section .owl-dots button{

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 50%;

    outline: none;

    position: relative;

    margin: 0 5px;

    background: #fff;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.slider-section .owl-dots button.active,

.slider-section .owl-dots button:hover{

    background: #4091bd;

}

.owl-carousel .owl-dots button span{

    display: none;

}

.slider-section .owl-carousel .owl-nav{

    position: absolute;

    right: 0;

    left: 0;

    margin: auto;;

    width: 1140px;

    text-align: right;

    position: absolute;

    outline: none;

    top: 50%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.slider-section .owl-carousel .owl-nav button{

    text-align: center;

    z-index: 5;

    font-size: 28px;

    line-height: 54px;

    width: 50px;

    height: 50px;

    margin: 10px 0 5px auto;

    background: #4091bd;

    color: #fff;

    position: relative;

    border: none;

    outline: none;

    z-index: 1;

    border-radius: 50%;

    display: block;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.slider-section .owl-carousel .owl-nav button:after{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    content: '';

    background: #081845;

    border-radius: 50%;

    text-align: center;

    width: 0;

    height: 0;

    z-index: -1;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.slider-section .owl-carousel .owl-nav button:hover:after{

    width: 100%;

    height: 100%;

}

.slider-section .owl-item.active .slider-content .sub-title{

    animation-delay: 1.4s;

    animation-name: fadeInLeft;

}

.slider-section .owl-item.active .slider-content h2 {

    animation-delay: 1.7s;

    animation-name: fadeInLeft;

}

.slider-section .owl-item.active .slider-content .to_top{

    animation-delay: 1.9s;

    animation-name: fadeInUp;

}

.slider-section .owl-item.active .slider-content .to_bottom{

    animation-delay: 2.1s;

    animation-name: fadeInUp;

}



/*--- Icon box ---*/

.iconbox-section-1{

    position: relative;

    padding: 0 0 26px;

    margin-top: -210px;

    z-index: 2;

}

.box-wrapper{

    position: relative;

    background: #4091bd;

    display: flex;

    justify-content: center;

    border-radius: 10px 10px 0 0;

    padding: 20px 0;

}

.box-wrapper .icon-box-1{

    width: 25%;

}

.icon-box-1{

    position: relative;

    border-right: 1px solid rgba(255, 255, 255, .2);

    padding: 34px 15px 0;

}

.icon-box-1:last-child{

    border-right: none;

}

.ib-icon{

    position: relative;

    margin: 0 0 52px;

    font-size: 62px;

    line-height: 62px;

    color: #fff;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.ib-icon svg{

    max-width: 62px;

    height: auto;

}

.icon-box-1 .ib-icon svg{

    fill: #fff;

}

.icon-box-1 h5{

    background: #fff;

    width: calc(100% - 48px);

    font-size: 20px;

    line-height: 30px;

    margin: 0 auto -45px;

    border-radius: 5px;

    padding: 15px;

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .05);

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .05);

    -ms-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .05);

}



/*--- About ---*/

.about-section-1{

    position: relative;

    padding: 120px 0;

}

.video_image{

    position: relative;

    padding: 27px 0 0;

    z-index: 2;

}

.video_image img{

    max-width: 100%;

    height: auto;

    border-radius: 29px;

}

.bgcolor{

    width: 298px;

    height: 536px;

    background: #4091bd;

    border-radius: 29px;

    position: absolute;

    right: 13%;

    top: 0;

    z-index: -1;

}

.video_image .popup{

    -webkit-animation: movebounce 3.0s linear infinite;

    animation: movebounce 3.0s linear infinite;

    width: 229px;

    height: 229px;

    border: 11px solid #fff;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-size: 34px;

    color: #fff;

    position: absolute;

    right: 0;

    bottom: 120px;

    z-index: 2;

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .07);

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .07);

    -ms-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .07);

}

.video_image .popup:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: '';

    background: rgba(8, 24, 69, .7);

}

.video_image .popup img{

    border-radius: 50%;

    width: 100%;

    height: 100%;

}

.video_image .popup i{

    display: inline-block;

    position: absolute;

    left: 0;

    line-height: 206px;

    z-index: 2;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}

.video_image .popup:hover{

    color: #4091bd;

}



.ab-content{

    position: relative;

}

.ab-content .sec-title{

    margin-bottom: 15px;

    font-size: 46px;

    line-height: 56px;

}

.ab-content .service-item-01{

    background: transparent;

    padding: 0 0 0 60px;

    margin: 32px 0 0;

    box-shadow: none;

}

.ab-content .service-item-01:after{

    background: transparent;

}

.ab-content .service-item-01 .ib-icon{

    position: absolute;

    width: 48px;

    height: 48px;

    min-width: 48px;

    line-height: 48px;

    font-size: 22px;

    color: #4091bd;

    margin: 0;

    text-align: center;

    left: 0;

    top: -6px;

    border: 2px solid rgba(25, 25, 25, .1);

    border-radius: 50%;

}

.ab-content .service-item-01 .ib-icon svg{

    max-width: 22px;

}

.ab-content .service-item-01:hover .ib-icon svg path{

    fill: #4091bd;

}

.ab-content .service-item-01 h5{

    font-size: 18px;

    color: #565872;

    line-height: .8;

    font-weight: 400;

    margin: 0 0 1px;

}

.ab-content .service-item-01 p{

    font-size: 16px;

    margin: 0;

    color: #081845;

    font-weight: 700;

}

.single_skill {

    position: relative;

    margin-bottom: 25px;

}

.single_skill h4{

    font-size: 16px;

    line-height: 24px;

    font-weight: 600;

    margin: 0 0 13px;

}

.ss_parent{

    position: relative;

    background: #f7f7f7;

    height: 8px;

    width: 100%;

}

.ss_parent span{

    position: absolute;

    font-size: 16px;

    line-height: .8;

    margin: 0;

    font-family: 'Rubik', sans-serif;

    color: #191919;

    font-weight: 600;

    right: 0;

    top: -31px;

}

.ss_child{

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    background: #4091bd;

}

.divider{

    margin-bottom: 34px;

}

.yearsXP{

    position: relative;

    background: #fff;

    font-family: 'Rubik', sans-serif;

    display: flex;

    padding: 5px 45px;

    border-left: 5px solid #4091bd;

    box-shadow: 0px 6px 50px 0px rgba(37, 37, 37, .05);

    -webkit-box-shadow: 0px 6px 50px 0px rgba(37, 37, 37, .05);

    -ms-box-shadow: 0px 6px 50px 0px rgba(37, 37, 37, .05);

}

.yearsXP h2{

    font-size: 68px;

    color: #4091bd;

    line-height: 90px;

    min-width: 95px;

    margin: 0 25px 0 0;

}

.yearsXP h3{

    font-size: 15px;

    line-height: 25px;

    color: #081845;

    margin: 21px 0 0;

}



/*--- Service ---*/

.service-section-1{

    position: relative;

    background: #081845;

    padding: 30px 0 120px;

}

.service-item-01 {

    position: relative;

    background: #1A2A57;

    z-index: 1;

    padding: 34px 30px 30px 125px;

    margin: 0 0 30px;

    border-radius: 10px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    box-shadow: 0px 6px 50px 0px rgba(37, 37, 37, .05);

    -webkit-box-shadow: 0px 6px 50px 0px rgba(37, 37, 37, .05);

    -ms-box-shadow: 0px 6px 50px 0px rgba(37, 37, 37, .05);

}

.service-item-01:after {

    content: '';

    position: absolute;

    left: auto;

    right: 0;

    bottom: 0;

    height: 100%;

    z-index: -1;

    border-radius: 10px;

    width: 0;

    transition: width .4s cubic-bezier(.25,.8,.25,1) 0s;

    background: #4091bd;

}

.service-item-01:hover:after {

    width: 100%;

    left: 0;

    right: auto;

}

.service-item-01 .ib-icon{

    position: absolute;

    left: 30px;

    top: 34px;

    min-width: 62px;

}

.service-item-01 .ib-icon svg path{

    fill: #4091bd;

    -webkit-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.service-item-01 h3{

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    margin-bottom: 12px;

    -webkit-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.service-item-01 h3 a{

    color: inherit;

}

.service-item-01 h3 a:hover{

    color: #081845;

}

.service-item-01 p{

    color: rgba(255, 255, 255, .8);

    margin: 0;

    -webkit-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

}

.service-item-01:hover .ib-icon svg path{

    fill: #fff;

}

.service-item-01:hover .ib-icon{

    animation: zoomIn .3s linear alternate;

    animation-duration: .5s;

}

.bisiness-str{

    position: relative;

    background: #1A2A57;

    border: 2px solid rgba(255, 255, 255, .1);

    border-radius: 10px;

    padding: 80px 50px;

  

}

.bisiness-str img{

    width: 100%;

    height: auto;

    border-radius: 10px;

}

.bisiness-str .sec-title{

    margin: -5px 0 48px;

}

.icon-box-2{

    position: relative;

    margin: 0 0 33px;

}

.icon-box-2 .ib-icon{

    background: #4091bd;

    height: 60px;

    width: 60px;

    border-radius: 10px;

    text-align: center;

    display: inline-block;

    font-size: 24px;

    line-height: 64px;

    margin: 0 0 17px;

}

.icon-box-2 h5{

    color: #fff;

    font-size: 20px;

    margin: 0 0 5px;

}

.icon-box-2 p{

    color: rgba(255, 255, 255, .8);

    margin: 0;

}

.bisiness-str .to_bottom {

    background: transparent;

    border: 2px solid rgba(255, 255, 255, .2);

    color: #ffff;

}

.bisiness-str .to_bottom:hover{

    border-color: #4091bd;

}

.bisiness-str .to_bottom::before {

    background: #4091bd;

    border-radius: 0;

}



/*--- Client Logo ---*/

.client-section {

    background: #F0F4F9;

    position: relative;

    padding: 75px 0 68px;

}

.client-slider.owl-carousel .owl-item{

    text-align: center;

}

.client-slider.owl-carousel a {

    overflow: hidden;

    display: inline-block;

    position: relative;

    transition: all 0.3s ease-in-out;

}

.client-slider.owl-carousel a img {

    display: inline-block;

    max-width: 100%;

    width: auto;

    min-width: inherit;

    transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

}

.client-slider.owl-carousel a:hover .normal {

    display: block;

    visibility: hidden;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}

.client-slider.owl-carousel a .hover {

    transition: all 0.3s ease-in-out;

    display: block;

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    visibility: hidden;

}

.client-slider.owl-carousel a:hover .hover {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    display: block;

    opacity: 3;

    visibility: visible;

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

    transform: translateY(0%);

}



/*--- Portfolio Section ---*/

.portfolio-section-1{

    position: relative;

    padding: 116px 0 100px;

}

.shaf-sizer{

    z-index: -1;

}

.shaf-filter{

    margin: 45px 0 55px;

    padding: 0;

}

.shaf-filter li{

    list-style: none;

    display: inline-block;

    position: relative;

    font-size: 16px;

    color: #222222;

    font-weight: 700;

    cursor: pointer;

    margin: 0 50px 0 0;

    padding: 0 7px;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.shaf-filter li:last-child{

    margin-right: 0;

}

.shaf-filter li:before {

    width: 0%;

    height: 2px;

    background: #4091bd;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -7px;

    content: '';

    opacity: 0;

    visibility: hidden;

    text-decoration: none;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.shaf-filter li.active:before,

.shaf-filter li:hover:before{

    opacity: 1;

    visibility: visible;

    width: 100%;

}



.folio-item-1{

    position: relative;

    overflow: hidden;

    margin-bottom: 20px;

}

.folio-item-1 img{

    width: 100%;

    height: auto;

}

.folio-item-1:after {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

    background: rgba(104, 110, 226, 0.8);

}

.folio-item-1:hover:after {

    height: 100%;

    opacity: 1;

    visibility: visible;

}

.folio-content{

    width: calc(100% - 30px);

    position: absolute;

    left: 15px;

    bottom: 0;

    z-index: 2;

    background: #fff;

    border-radius: 5px;

    padding: 23px 70px 16px 20px;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;

    transition: all ease 0.4s;

}

.folio-item-1:hover .folio-content{

    bottom: 16px;

    visibility: visible;

    opacity: 1;

    -webkit-transition-delay:  0.4s;

    -o-transition-delay:  0.4s;

    transition-delay: 0.4s;

}

.cats{

    position: relative;

    color: #4091bd;

    margin: 0 0 2px;

}

.cats a{

    color: inherit;

    display: inline-block;

}

.cats a:hover{

    color: #191919;

}

.folio-content h5{

    font-size: 18px;

    margin-bottom: 0;

}

.folio-content h5 a{

    color: inherit;

    display: inline-block;

}

.folio-content h5 a:hover{

    color: #4091bd;

}

.fm-more{

    display: inline-block;

    width: 45px;

    height: 45px;

    background: rgba(104, 110, 226, 0.1);

    color: #4091bd;

    font-size: 16px;

    border-radius: 3px;

    line-height: 47px;

    text-align: center;

    position: absolute;

    right: 18px;

    top: 0;

    bottom: 0;

    margin: auto;

}

.fm-more:hover{

    background: #4091bd;

    color: #fff;

}

.cus-col .col-lg-4{

    padding-right: 10px;

    padding-left: 10px;

}

.white{

    color: #fff;

}



/*--- Team Section ---*/

.team-bg{

    background-color: #081845;

    padding: 116px 0 147px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

}

.team-section-1{

    position: relative;

    padding: 0 50px;

    background: transparent;

    margin-top: -80px;

}

.team-slider.owl-carousel{

    position: relative;

}

.team-slider.owl-carousel .owl-stage-outer {

    height: calc(100% + 60px);

    margin: -30px;

    padding: 30px;

    width: calc(100% + 60px);

}

.team-item-01{

    position: relative;

    background: #fff;

    margin-bottom: 30px;

    border-radius: 10px;

    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);

    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);

    -ms-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .05);

}

.tm-thumb{

    position: relative;

}

.tm-thumb img{

    width: 100%;

    height: auto;

}

.tm-social{

    position: absolute;

    left: 25px;

    bottom: -22px;

}

.tm-social:after{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 44px;

    height: 44px;

    content: '';

    background: #4091bd;

    border-radius: 5px;

    -webkit-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;

    transition: all ease 0.4s;

}

.tm-social:hover:after{

    width: 100%;

}

.tm-social a{

    display: inline-block;

    width: 38px;

    height: 44px;

    border: none;

    font-size: 18px;

    color: #fff;

    border-radius: 0;

    line-height: 50px;

    text-align: center;

    position: relative;

    z-index: 3;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    transform: scale(.8);

}

.tm-social a:hover{

    color: #fff;

}

.tm-social a.share{

    visibility: visible;

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

}

.tm-social:hover a.share{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

}

.tm-social:hover a{

    visibility: visible;

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -webkit-transition-delay:  0.4s;

    -o-transition-delay:  0.4s;

    transition-delay: 0.4s;

}

.tm-content{

    position: relative;

    padding: 40px 25px 20px;

}

.tm-content h5{

    font-size: 20px;

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    margin-bottom: 2px;

    color: #081845;

}

.tm-content h5 a{

    color: inherit;

}

.tm-content h5 a:hover{

    color: #4091bd;

}

.tm-content p{

    font-size: 17px;

    margin: 0;

}



/*--- Testimonial Section ---*/

.testimonial-section{

    position: relative;

    padding: 60px 0 60px;

}

.ts-item{

    position: relative;

    background: #F0F4F9;

    overflow: hidden;

    border-radius: 10px;

    padding: 55px 30px 33px;

}

.ts-item:after{

    width: 160px;

    height: 160px;

    border-radius: 50%;

    background: #4091bd;

    position: absolute;

    right: -80px;

    top: -80px;

    content: '';

}

.ts-item i{

    font-size: 22px;

    color: #fff;

    line-height: 22px;

    position: absolute;

    right: 22px;

    top: 22px;

    z-index: 1;

}

.testimonial-slider .ts-item img{

    width: 80px;

    height: 80px;

    border-radius: 50%;

    display: inline-block;

    margin-bottom: 25px;

}

.ts-item p{

    margin: 0 0 21px;

}

.ts-item h5{

    font-size: 20px;

    margin: 0 0 0px;

}

.ts-item span{

    display: block;

    margin: 0;

}

.testimonial-slider.owl-carousel .owl-nav{

    position: absolute;

    right: 0;

    top: -117px;

}

.testimonial-slider.owl-carousel .owl-nav button{

    width: 67px;

    height: 67px;

    background: #4091bd;

    border-radius: 50%;

    text-align: center;

    color: #fff;

    border: none;

    outline: none;

    font-size: 18px;

    line-height: 67px;

    margin: 0 0 0 30px;

    -webkit-transition: all ease 0.4s;

    -o-transition: all ease 0.4s;

    transition: all ease 0.4s;

}

.testimonial-slider.owl-carousel .owl-nav button.owl-prev{

    margin-left: 0;

}

.testimonial-slider.owl-carousel .owl-nav button.disabled{

    background: rgba(104, 110, 226, 0.1);

    color: #4091bd;

}



/*--- Contact Section ---*/

.contact-section-1{

    position: relative;

    background: #F0F4F9;

    padding: 120px 0;

}

.contact-section-1 .sec-title{

    margin-bottom: 50px;

}

.icon-box-3{

    position: relative;

    padding-left: 80px;

    padding-right: 30px;

    margin: 0 0 32px;

}

.icon-box-3 .ib-icon{

    width: 60px;

    height: 60px;

    background: #4091bd;

    border-radius: 10px;

    text-align: center;

    position: absolute;

    left: 0;

    top: 7px;

    font-size: 26px;

    line-height: 60px;

}

.icon-box-3 h5 {

    font-size: 20px;

    margin: 0 0 6px;

}

.icon-box-3 p{

    margin: 0;

    line-height: 26px;

}

.contact-form{

    position: relative;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -ms-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    padding: 65px 60px;

}

.iconInput input[type="text"], 

.iconInput input[type="email"], 

.iconInput input[type="url"], 

.iconInput input[type="number"], 

.iconInput textarea{

    width: 100%;

    height: 70px;

    border: 2px solid rgba(8, 24, 69, .2);

    background: transparent;

    border-radius: 0;

    outline: none;

    font-size: 18px;

    line-height: 70px;

    color: rgba(8, 24, 69, .8);

    border-radius: 5px;

    padding: 0 20px;

    margin: 0 0 18px;

}

.contact-form textarea,

.iconInput textarea{

    height: 125px;

    resize: none;

    padding-top: 13px;

    line-height: 28px;

    margin-bottom: 21px;

}

.iconInput input[type="text"]::-moz-placeholder, 

.iconInput input[type="email"]::-moz-placeholder, 

.iconInput input[type="url"]::-moz-placeholder, 

.iconInput input[type="number"]::-moz-placeholder, 

.iconInput textarea::-moz-placeholder{

    color: rgba(8, 24, 69, .8);

    opacity: 1;

}

.iconInput input[type="text"]::-ms-input-placeholder, 

.iconInput input[type="email"]::-ms-input-placeholder, 

.iconInput input[type="url"]::-ms-input-placeholder, 

.iconInput input[type="number"]::-ms-input-placeholder, 

.iconInput textarea::-ms-input-placeholder{

    color: rgba(8, 24, 69, .8);

    opacity: 1;

}

.iconInput input[type="text"]::-webkit-input-placeholder, 

.iconInput input[type="email"]::-webkit-input-placeholder, 

.iconInput input[type="url"]::-webkit-input-placeholder, 

.iconInput input[type="number"]::-webkit-input-placeholder, 

.iconInput textarea::-webkit-input-placeholder{

    color: rgba(8, 24, 69, .8);

    opacity: 1;

}

input[type="checkbox"] {

    visibility: hidden;

    opacity: 0;

    display: inline-block;

    vertical-align: middle;

    width: 0;

    height: 0;

    display: none;

}

input[type="checkbox"] ~ label {

    position: relative;

    padding-left: 30px;

    color: rgba(255, 255, 255, .8);

    font-size: 16px;

    cursor: pointer;

    display: block;

    margin: 16px 0 0;

}

input[type="checkbox"] ~ label:before {

    content: '';

    font-family: 'nss-theme';

    position: absolute;

    left: 0;

    top: 4px;

    background: transparent;

    border: 2px solid #fff;

    height: 20px;

    width: 20px;

    line-height: 17px;

    text-align: center;

    font-size: 11px;

    border-radius: 5px;

}

input[type="checkbox"]:checked ~ label:before {

    content: "\f024";

    color: #fff;

}

.contact-form button,

.contact-form input[type="submit"] {

    display: inline-block;

    height: 60px;

    font-size: 18px;

    color: #fff;

    border: none;

    text-align: center;

    text-transform: capitalize;

    font-weight: 500;

    background: #4091bd;

    width: 100%;

    border-radius: 3px;

    outline: none;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;

}

.contact-form input[type="submit"]:hover{

    background: #081845;

}

.graptor_loader{

    display: inline-block;

    width: 16px;

    height: 16px;

    margin-left: 15px;

    text-align: center;

    display: none;

}

.con_message{

    display: block;

    width: 100%;

    display: none;

    border-radius: 0;

    border-width: 2px;

    margin: 15px 0 0;

}

.iconInput input.reqError,

.iconInput .reqError{

    border-color: #f00;

}

.iconInput{

    position: relative;

}

.iconInput i{

    position: absolute;

    right: 20px;

    top: 0;

    font-size: 14px;

    letter-spacing: -.42px;

    color: #4091bd;

    height: 57px;

    line-height: 70px;

}



/*--- Footer ---*/

.footer{

    background-position: center center;

    background-size: auto;

    background-repeat: no-repeat;

    position: relative;

    background-color: #081845;

    padding: 60px 0 0;

}

.mailchimp-area{

    position: relative;

    width: 100%;

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid rgba(255, 255, 255, .1);

    padding-bottom: 45px;

}

.mailchimp-area h3{

    font-size: 28px;

    line-height: 38px;

    color: #fff;

    margin: 0;

}

.mc4wp-form{

    position: relative;

    margin: 0 0 0;

    width: 570px;

}

.mc4wp-form input[type="email"] {

    width: 100%;

    height: 73px;

    border: none;

    background: rgba(255, 255, 255, .1);

    border-radius: 10px;

    outline: none;

    font-size: 15px;

    font-family: 'Rubik', sans-serif;

    color: rgba(255, 255, 255, .8);

    font-weight: 400;

    padding: 0 28px;

    margin: 0 0 15px;

}

.mc4wp-form input[type="email"]::-moz-placeholder{

    color: rgba(255, 255, 255, .8);

    opacity: 1;

}

.mc4wp-form input[type="email"]::-ms-input-placeholder{

    color: rgba(255, 255, 255, .8);

    opacity: 1;

}

.mc4wp-form input[type="email"]::-webkit-input-placeholder{

    color: rgba(255, 255, 255, .8);

    opacity: 1;

}

.mc4wp-form button{

    height: 60px;

    font-size: 15px;

    line-height: 60px;

    color: #fff;

    border: none;

    text-align: center;

    font-family: 'Rubik', sans-serif;

    text-transform: capitalize;

    font-weight: 700;

    background: #4091bd;

    border-radius: 10px;

    position: absolute;

    right: 6px;

    top: 6px;

    padding: 0 44px;

    outline: none;

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;

}

.mc4wp-form button i{

    margin-right: 11px;

}

.mc4wp-form button:hover{

    background: #081845;

}

.footer .widget {

    position: relative;

    margin: 60px 0 45px;

}

footer .widget .widget-title {

    font-size: 20px;

    line-height: .8;

    text-transform: uppercase;

    position: relative;

    margin: 13px 0 37px;

    border: none;

    color: #fff;

    padding-left: 18px;

}

footer .widget .widget-title:after{

    position: absolute;

    left: 0;

    top: -4px;

    content: '';

    width: 4px;

    height: 23px;

    background: #4091bd;

}

.about-widget{

    position: relative;

    padding-right: 20px;

}

.about-widget img{

    max-width: 100%;

    height: auto;

}

.about-widget p{

    color: rgba(255, 255, 255, .8);

    margin: 27px 0 33px;

}

.ab-social{

    position: relative;

}

.ab-social a{

    display: inline-block;

    width: 37px;

    height: 37px;

    background: rgba(255, 255, 255, .1);

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

    color: #fff;

    font-size: 16px;

    margin-right: 8px;

}

.ab-social a:last-child{

    margin-right: 0;

}

.ab-social a:hover{

    background: #4091bd;

}

footer .widget ul {

    margin: 0;

    padding: 0;

    line-height: .8;

}

footer .widget ul li {

    list-style: none;

    display: block;

    position: relative;

    font-family: 'Rubik', sans-serif;

    font-size: 15px;

    line-height: 36px;

    color: rgba(255, 255, 255, .8);

    margin-bottom: 2px;

}

footer .widget ul li a {

    display: inline-block;

    color: inherit;

}

footer .widget ul li:hover a{

    color: #4091bd;

}

footer .widget ul li:before {

    content: '--';

    color: rgba(255, 255, 255, .8);

    letter-spacing: 0;

    margin-right: 8px;

    transition: all ease 300ms;

    -moz-transition: all ease 300ms;

    -webkit-transition: all ease 300ms;

    -ms-transition: all ease 300ms;

    -o-transition: all ease 300ms;

}

footer .widget ul li:hover:before {

    margin-right: 13px;

    color: #4091bd;

}

.sf_s1_post{

    position: relative;

    padding-left: 100px;

    font-family: 'Rubik', sans-serif;

    min-height: 80px;

    margin: 0 0 20px;

}

.sf_s1_post img{

    width: 80px;

    height: 80px;

    position: absolute;

    left: 0;

    top: 0;

}

.sf_s1_post h5{

    color: rgba(255, 255, 255, .8);

    font-size: 18px;

    font-weight: 500;

    line-height: 26px;

    margin: 0 0 5px;

}

.sf_s1_post h5 a{

    color: inherit;

}

.sf_s1_post h5 a:hover{

    color: #4091bd;

}

.sf_s1_post p{

    margin: 0;

}

.fs-info{

    position: relative;

    padding-left: 30px;

    margin: 57px 0 -44px;

}

.fs-info i{

    font-size: 18px;

    color: #fff;

    position: absolute;

    left: 0;

    top: 5px;

}

.fs-info p{

    margin: 0;

    color: rgba(255, 255, 255, .8);

}

.fs-info p a{

    color: inherit;

}

.fs-info p a:hover{

    color: #4091bd;

}

.footer .widget .mc4wp-form{

    width: 100%;

}

.footer .widget .mc4wp-form input[type="email"]{

    border-radius: 50px;

}

.footer .widget .mc4wp-form button{

    width: 60px;

    border-radius: 50px;

    padding: 0;

}

.footer .widget .mc4wp-form button i{

    margin: 0;

}

.widget_mc4wp_form_widget p {

    color: rgba(255, 255, 255, .8);

    margin: 53px 0 25px;

}

.copyright{

    position: relative;

    padding: 22px 0 27px;

    border-top: 1px solid rgba(255, 255, 255, .1);

}

.copyright p{

    margin: 0;

    color: rgba(255, 255, 255, .5);

}

.copyright p a{

    color: inherit;

}

.copyright p a:hover{

    color: #4091bd;

}

.copyright ul{

    margin: 0;

    padding: 0;

    text-align: right;

}

.copyright ul li{

    list-style: none;

    position: relative;

    margin: 0 0 0 20px;

    display: inline-block;

}

.copyright ul li:after{

    position: absolute;

    right: -13px;

    top: 10px;

    height: 12px;

    width: 2px;

    content: '';

    background: rgba(255, 255, 255, .5);

}

.copyright ul li:last-child:after{

    display: none;

}

.copyright ul li a{

    display: inline-block;

    color: rgba(255, 255, 255, .5);

}

.copyright ul li a:hover{

    color: #4091bd;

}



/*--- Back To Top ---*/

#back-to-top {

    font-size: 16px;

    width: 40px;

    height: 40px;

    line-height: 42px;

    text-align: center;

    background: #4091bd;

    color: #fff;

    opacity: 0;

    visibility: hidden;

    position: fixed;

    bottom: 20px;

    right: 20px;

    z-index: 999;

    border-radius: 50%;

    cursor: pointer;

    animation: waveBtn 2s infinite;

}

@keyframes waveBtn {

    0% {

        box-shadow: 0 0 0 0 rgba(104, 110, 226, 0.8)

    }

    50% {

        box-shadow: 0 0 0 40px transparent

    }

    100% {

        box-shadow: 0 0 0 0 transparent

    }

}



/*------------------------------------------------------

/ 3. Home 02

/------------------------------------------------------*/

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

.header-02{

    position: relative;

    background: #fff;

    width: 100%;

    height: auto;

    z-index: 99;

}

.header-02 .navbar-expand-lg .navbar-nav li > a{

    color: #191919;

}

.header-02 .navbar-expand-lg .navbar-nav li:hover > a{

    color: #4091bd;

}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu{

    background: #fff;

}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li{

    border-color: rgba(0, 0, 0, .1);

}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li a{

    color: #191919;

}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li.current-menu-item > a, 

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li:hover > a{

    color: #4091bd;

}

.header-02 .access-btn .btn-search{

    color: #1E2843;

    top: 5px;

}

.header-02 .access-btn .btn-search:hover{

    color: #4091bd;

}

.navigator{

    position: relative;

    display: inline-block;

    margin-left: 23px;

    position: relative;

    top: -1px;

}

.navigator svg{

    max-width: 20px;

}

.navigator svg, 

.navigator svg path{

    fill: #1E2843;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.navigator:hover svg, 

.navigator:hover svg path{

    fill: #4091bd;

}

.navigator:hover{

    color: #4091bd;

}

/*-- Popup Sidebar --*/

.popup_sidebar_sec {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

}

.popup_sidebar_overlay {

    position: fixed;

    right: -100%;

    top: 0;

    width: 100%;

    height: 100%;

    visibility: hidden;

    opacity: 0;

    background: rgba(0, 0, 0, .6);

    z-index: 99;

    cursor: url(../images/close.png), auto;

    transition: all .4s ease-in .8s;

}

.popup_sidebar_sec.active .popup_sidebar_overlay {

    visibility: visible;

    right: 0;

    opacity: 1;

    transition: all .8s ease-out 0s;

}

.popup_sidebar_overlay:before {

    position: absolute;

    right: 0;

    top: 0;

    width: 360px;

    height: 100%;

    content: '';

    background: #fff;

    z-index: 999;

}

.widget_area {

    max-width: 360px;

    height: 100%;

    z-index: 99;

    background: transparent;

    padding: 60px 30px 30px 35px;

    overflow-y: auto;

    position: fixed;

    right: 0;

    visibility: hidden;

    opacity: 0;

    top: 0;

    -webkit-transition: all .4s cubic-bezier(.4,.28,.31,1.28) 0s;

    transition: all .4s cubic-bezier(.4,.28,.31,1.28) 0s;

    -webkit-transform: translateY(25px);

    transform: translateY(25px);

}

.popup_sidebar_sec.active .widget_area {

    opacity: 1;

    visibility: visible;

    top: 0;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: .9s;

    transition-delay: .9s;

}

.widget_closer {

    position: absolute;

    right: 15px;

    top: 15px;

    font-size: 20px;

    width: 36px;

    height: 36px;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 50%;

    z-index: 99;

    color: #1E2843;

    line-height: 38px;

    text-align: center;

    display: inline-block;

}

.widget_closer:hover {

    color: #4091bd;

    border-color: #4091bd;

}

.about_widget_area {

    position: relative;

}

.wd_logo {

    position: relative;

    margin-bottom: 48px;

}

.wd_logo img {

    max-width: 100%;

    height: auto;

}

.about_widget_area > p{

    margin: 0 0 47px;

}

.about_widget_area .icon-box-3{

    margin: 0 0 30px;

    padding-left: 60px;

}

.about_widget_area .icon-box-3 h5{

    margin-bottom: 2px;

}

.about_widget_area .icon-box-3 .ib-icon{

    top: 5px;

    background: transparent;

    font-size: 34px;

    color: #1E2843;

    line-height: 38px;

    text-align: left;

    margin: 0;

}

.social_item{

    padding: 0;

    margin: 54px 0 0;

}

.social_item li{

    list-style: none;

    display: inline-block;

}

.social_item li a{

    width: 36px;

    height: 36px;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 50%;

    color: #1E2843;

    line-height: 38px;

    text-align: center;

    font-size: 16px;

    display: inline-block;

    margin-right: 12px;

}

.social_item li a:hover{

    color: #fff;

    background: #4091bd;

    border-color: #4091bd;

}

.center_align{

    z-index: 4;

    left: 0;

    margin: auto;

    position: relative;

    right: 0;

    top: 50%;

    transform: translateY(-50%)

}



/*---- Banner ---*/

.banner-01{

    position: relative;

    overflow: hidden;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-color: #081845;

    padding: 45px 0;

}

.banner-content{

    position: relative;

    z-index: 9;

    padding: 0 0;

}

.banner-content .sub-title {

    color: #fff;

    font-size: 16px;

    line-height: 22px;

    text-transform: inherit;

    font-weight: 500;

    position: relative;

    font-family: 'Rubik', sans-serif;

    margin-bottom: 24px;

}

.banner-content .sub-title:after {

    position: relative;

    right: -24px;

    top: -3px;

    width: 60px;

    height: 2px;

    background: #F0F4F9;

    content: '';

    display: inline-block;

}

.banner-content h2 {

    font-size: 80px;

    line-height: 96px;

    color: #fff;

    margin: 0 0 38px;

}

.banner-content .sub-title {

    animation-delay: 1.5s;

    animation-name: fadeInUp;

}

.banner-content h2 {

    animation-delay: 1.8s;

    animation-name: fadeInLeft;

}

.banner-content .grap-btn{

    padding: 21px 29px;

    font-size: 16px;

    height: 60px;

    animation-delay: 2.1s;

    animation-name: fadeInUp;

}

.banner-content .popup{

    width: 80px;

    height: 80px;

    line-height: 85px;

    top: -22px;

    position: relative;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-size: 20px;

    background: #fff;

    color: #4091bd;

    z-index: 2;

    margin: 0 0 0 40px;

    animation-delay: 2.4s;

    animation-name: fadeInUp;

}

.banner-content .popup:before {

    content: "";

    border: 2px solid #fff;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: .75s;

    animation-delay: .75s;

}

.banner-content .popup:after {

    content: "";

    border: 2px solid #fff;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.layer{

    position: relative;

    text-align: right;

    margin: 0 0 -45px;

    animation-delay: 2.8s;

    animation-name: zoomIn;

}

.banner-01 .card {

    background: transparent;

    background-clip: border-box;

    border: none;

    border-radius: 0;

}



/*--- About Section ---*/

.ab-img{

    position: relative;

}

.ab-img img{

    border-radius: 5px;

}

.ab1{

    position: absolute;

    right: 27px;

    top: 73px;

    z-index: -1;

    animation: rotated 20s infinite linear;

}

.ab2{

    position: absolute;

    left: -42px;

    bottom: 50px;

    z-index: -1;

    animation: halfBounce2 2s infinite;

}

.abc2{

    padding-left: 28px;

}

.abc2 .listing-item{

    margin-right: -18px;

}

.listing-item {

    margin: 0;

    padding: 0;

}

.listing-item li {

    list-style: none;

    position: relative;

    font-size: 16px;

    line-height: 26px;

    padding-top: 7px;

    color: #081845;

    font-weight: 700;

    margin: 0 0 27px;

    padding-left: 50px;

}

.listing-item li i {

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 50%;

    width: 40px;

    height: 40px;

    line-height: 42px;

    background: #4091bd;

    font-size: 14px;

    color: #fff;

    text-align: center;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

.abc2 .grap-btn{

    margin-top: 19px;

}



/*--- Service Section ---*/

.service-section-2{

    background-color: #081845;

    padding: 116px 0 345px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

}

.service-section-2 .col-lg-2 {

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

}

.service-item-02{

    width: 100%;

    display: inline-block;

    position: relative;

    z-index: 2;

    background: #223058;

    border-radius: 10px;

    padding: 32px 15px 30px;

    margin: 0 0 30px;

}

.service-item-02 .ib-icon{

    width: 96px;

    height: 96px;

    line-height: 90px;

    font-size: 48px;

    background: #4091bd;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    margin: 0 0 22px;

}

.service-item-02 .ib-icon svg {

    max-width: 48px;

    fill: #fff;

}

.service-item-02 .ib-icon i {

    line-height: 96px;

}

.service-item-02 span{

    display: block;

    color: #fff;

    font-weight: 500;

    font-size: 20px;

    margin: 0;

}

.service-item-02:after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 100%;

    z-index: -1;

    height: 0;

    opacity: 0;

    border-radius: 10px;

    visibility: hidden;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

    background: #4091bd;

}

.service-item-02:hover:after {

    height: 100%;

    opacity: 1;

    visibility: visible;

}



/*--- Faq Table ---*/

.faq-section{

    background: #F0F4F9;

    position: relative;

    padding: 0 0 45px;

}

.faq-area{

    position: relative;

    background: #fff;

    border-radius: 10px;

    padding: 65px 60px;

    margin-top: -260px;

    z-index: 3;

}

.faq-area .contact-form {

    position: relative;

    background: #fff;

    border-radius: 0;

    box-shadow: none;

    padding: 0 20px 0 0;

}

.faq-area .sec-title{

    font-size: 25px;

    line-height: 30px;

    margin: 0 0 10px;

}

.faq-area .iconInput{

    margin-bottom: 6px;

}

.acc-area{

    position: relative;

}

.singlefaq{

    position: relative;

    padding: 0;

    border-radius: 10px;

    background: #F0F4F9;

    margin: 0 0 20px;

}

.singlefaq .card-header {

    position: relative;

    padding: 0;

    margin: 0;

    border-radius: 0;

    background: transparent;

    border: none;

}

.singlefaq .card-header .btn {

    text-decoration: none;

    font-size: 20px;

    line-height: 28px;

    color: #222222;

    font-weight: 500;

    border: none;

    outline: none;

    width: 100%;

    text-align: left;

    letter-spacing: 0;

    padding: 25px 20px 27px 90px;

    margin: 0;

    position: relative;

    background: transparent;

    border-radius: 0;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.singlefaq .card-header .btn.collapsed {

    background: transparent;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.singlefaq .card-header .btn.collapsed:after{

    position: absolute;

    left: 20px;

    top: 0;

    bottom: 0;

    margin: 0;

    text-align: center;

    width: 48px;

    height: 48px;

    margin: auto;

    border-radius: 50%;

    background: #fff;

    line-height: 48px;

    font-family: 'ElegantIcons';

    content: "\4c";

    font-size: 22px;

    color: #191919;

    box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -ms-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.singlefaq .card-header .btn:after{

    position: absolute;

    left: 20px;

    top: 0;

    bottom: 0;

    margin: auto;

    text-align: center;

    width: 48px;

    height: 48px;

    border-radius: 50%;

    background: #fff;

    line-height: 48px;

    font-family: 'ElegantIcons';

    content: "\4b";

    font-size: 22px;

    color: #191919;

    box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -ms-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.singlefaq .card-body {

    padding: 14px 45px 30px;

    background: transparent;

    margin: 0;

}

.singlefaq .card-body p{

    margin: 0;

}



/*--- Pricing Table ---*/

.pricing-section{

    position: relative;

    padding: 116px 0 85px;

}

.pricintable-01{

    position: relative;

    background: #F0F4F9;

    border-radius: 10px;

    padding: 45px 20px 0;

    margin: 0 0 60px;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.pricintable-01:after{

    -webkit-transform: scale(.98);

    -moz-transform: scale(.98);

    -ms-transform: scale(.98);

    -o-transform: scale(.98);

    transform: scale(.98);

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background:url(../images/home2/price.jpg) no-repeat center center / cover;

    z-index: 1;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.pricintable-01:before{

    -webkit-transform: scale(.98);

    -moz-transform: scale(.98);

    -ms-transform: scale(.98);

    -o-transform: scale(.98);

    transform: scale(.98);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    border-radius: 10px;

    background: rgba(8, 24, 69, .9);

    z-index: 2;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

.pricintable-01:hover:after,

.pricintable-01:hover:before{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    visibility: visible;

    opacity: 1;

}

.pricintable-01 .ib-icon{

    width: 96px;

    height: 96px;

    line-height: 90px;

    font-size: 40px;

    background: #4091bd;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    margin: 0 0 39px;

    position: relative;

    z-index: 3;

}

.pricintable-01 .ib-icon svg {

    max-width: 40px;

    fill: #fff;

}

.pricintable-01 .ib-icon i {

    line-height: 96px;

}

.pricintable-01 h5{

    font-size: 16px;

    color: #4091bd;

    text-transform: uppercase;

    margin: 0 0 4px;

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    position: relative;

    z-index: 3;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.pricintable-01 h2{

    font-size: 48px;

    font-weight: 500;

    color: #191919;

    margin: 0 0 18px;

    position: relative;

    z-index: 3;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.pricintable-01 ul{

    margin: 0 0 7px;

    padding: 0;

}

.pricintable-01 ul li{

    list-style: none;

    display: block;

    position: relative;

    z-index: 3;

    font-size: 16px;

    color: #081845;

    line-height: 36px;

    font-family: 'Rubik', sans-serif;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.pricintable-01 ul li::before {

    position: relative;

    content: "\f024";

    font-family: 'nss-theme';

    left: -10px;

    top: -1px;

    color: #4091bd;

    font-size: 12px;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.pricintable-01:hover ul li::before,

.pricintable-01:hover h5,

.pricintable-01:hover h2,

.pricintable-01:hover ul li{

    color: #fff;

}

.pricintable-01 .grap-btn{

    border-radius: 30px;

    position: relative;

    z-index: 2;

    top: 30px;

    height: 60px;

    padding: 20px 31px;

}

.pricintable-01 .grap-btn::before{

    border-radius: 30px;

}

.pricintable-01 .grap-btn i{

    margin-left: 24px;

}



/*--- Portfolio ---*/

.portfolio-section-2{

    position: relative;

    background: #F0F4F9;

    padding: 120px 15px 224px;

}

.folio-item-2 {

    position: relative;

    margin: 0 0 95px;

}

.folio-item-2 img {

    width: 100%;

    height: auto;

    border-radius: 5px;

}

.folio-item-2 .folio-content{

    visibility: visible;

    opacity: 1;

    width: calc(100% - 40px);

    position: absolute;

    padding-left: 30px;

    left: 20px;

    bottom: -48px;

    box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 3%);

    -webkit-box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 3%);

    -ms-box-shadow: 0px 20px 50px 0px rgb(0 0 0 / 3%);

}

.folio-slider.owl-carousel{

    position: relative;

}

.folio-slider.owl-carousel .owl-nav{

    width: 100%;

}

.folio-slider.owl-carousel .owl-nav button{

    position: absolute;

    left: 40px;

    top: 45%;

    text-align: center;

    z-index: 5;

    font-size: 20px;

    line-height: 64px;

    width: 60px;

    height: 60px;

    background: #4091bd;

    color: #fff;

    border: none;

    outline: none;

    visibility: hidden;

    opacity: 0;

    z-index: 1;

    border-radius: 50%;

    display: block;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.folio-slider.owl-carousel:hover .owl-nav button{

    left: 50px;

    visibility: visible;

    opacity: 1;

}

.folio-slider.owl-carousel .owl-nav button.owl-next{

    left: auto;

    right: 40px;

}

.folio-slider.owl-carousel:hover .owl-nav button.owl-next{

    left: auto;

    right: 50px;

}

.folio-slider.owl-carousel .owl-nav button:after {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    content: '';

    background: #081845;

    border-radius: 50%;

    text-align: center;

    width: 0;

    height: 0;

    z-index: -1;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.folio-slider.owl-carousel .owl-nav button:hover:after {

    width: 100%;

    height: 100%;

}



/*--- Funfact ---*/

.funfact-section{

    position: relative;

    margin-top: -150px;

}

.fact-wrapper{

    position: relative;

    display: flex;

    justify-content: space-around;

    width: 100%;

    border-radius: 10px;

    background-color: #4091bd;

    z-index: 2;

    padding: 95px 0;

    background-position: center right;

    background-size: auto;

    background-repeat: no-repeat;

}

.fact-01{

    position: relative;

}

.fact-01 h2{

    font-size: 48px;

    line-height: 58px;

    color: #fff;

    font-weight: 400;

    margin: 0 0 12px;

}

.fact-01 h2 i{

    font-style: normal;

    top: -3px;

    position: relative;

}

.fact-01 p{

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    color: #fff;

    font-size: 16px;

    margin: 0;

}



/*--- Blog Post ---*/

.blog-section-1{

    position: relative;

    padding: 116px 0 90px;

}

.blogItem{

    position: relative;

    background: #fff;

    box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -ms-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    margin-bottom: 30px;

}

.blogItem:hover {

    transform: translateY(-10px);

}

.biThumb{

    position: relative;

    overflow: hidden;

}

.biThumb img{

    width: 100%;

    height: auto;

}

.biThumb:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    z-index: 1;

    background: -moz-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8)));

    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

    background: -o-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

    background: -ms-linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );

}

.biMeta{

    position: absolute;

    bottom: 25px;

    left: 25px;

    width: auto;

    z-index: 2;

    background: #4091bd;

    color: #FFF;

    font-size: 14px;

    line-height: 30px;

    text-transform: capitalize;

    padding: 0 15px;

    font-weight: 500;



    transition: all ease 300ms;

    -moz-transition: all ease 300ms;

    -webkit-transition: all ease 300ms;

}

.biMeta a{

    color: inherit;

    margin-right: 24px;

    position: relative;

}

.biMeta:hover{

    background: #081845;

}

.biMeta a:after{

    content: '';

    width: 4px;

    height: 4px;

    border: thin solid #FFF;

    border-radius: 50%;

    position: absolute;

    right: -14px;

    top: 0;

    bottom: 0;

    margin: auto 0;

}

.biMeta a:last-child{

    margin-right: 0;

}

.biMeta a:last-child:after{

    display: none;

}

.biDetails{

    padding: 32px 25px 31px;

}

.biDetails h3{

    font-size: 22px;

    position: relative;

    display: block;

    line-height: 30px;

    margin: 0 0 14px;

    color: #191919;

}

.biDetails h3 a{

    color: inherit;

}

.biDetails h3 a:hover{

    color: #4091bd;

}

.biDetails p{

    font-size: 17px;

    line-height: 27px;

    margin: 0 0 15px;

}

.lr_more {

    position: relative;

    overflow: hidden;

    display: inline-block;

    color: #191919;

    font-weight: 500;

    letter-spacing: 1px;

    line-height: 24px;

}

.lr_more svg {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    fill: none;

    stroke: #191919;

    stroke-width: 2px;

    opacity: 1;

    transition: transform 0.7s;

    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);

    -webkit-backface-visibility: initial !important;

    -webkit-transform-origin: 50% 50%;

}

.lr_more:hover {

    color: #4091bd;

}

.lr_more:hover svg {

    transform: translate3d(-66.6%, 0, 0);

    stroke: #4091bd;

}



/*------------------------------------------------------

/ 4. Home 03

/------------------------------------------------------*/

/*---- Topbar ---*/

.topbar-02{

    position: relative;

    background: #FFFFFF;

    padding: 25px 0;

}

.topbar-02 .navbar-brand {

    position: relative;

    padding: 4px 0 0;

    text-align: left;

}





.topinfo-02{

    display: flex;

    justify-content: flex-end;

    position: relative;

}

.icon-box-4{

    position: relative;

    text-align: left;

    padding-left: 62px;

    border-right: 2px solid #F0F4F9;

    margin-left: 46px;

    padding-right: 46px;

}

.icon-box-4 .ic-box{

    position: absolute;

    left: 0;

    top: 1px;

    width: 48px;

    height: 48px;

    border: 2px solid rgba(8, 24, 69, .2);

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-size: 24px;

    color: #4091bd;

    line-height: 48px;

}

.icon-box-4 .ic-box svg{

    fill: #4091bd;

}

.ic-box svg path{

    fill: inherit;

}

.icon-box-4 p{

    font-size: 18px;

    color: #565872;

    margin: 0 0 -6px;

}

.icon-box-4 h5{

    font-size: 16px;

    line-height: 26px;

    color: #222222;

    margin: 0;

}

.icon-box-4 h5 a{

    color: inherit;

}

.icon-box-4 h5 a:hover{

    color: #4091bd;

}

.icon-box-4:last-child{

    padding-right: 0;

    border-right: none;

}

.icon-box-4:first-child{

    margin-left: 0;

}











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

.header-03{

    position: relative;

    background: #4091bd;

    width: 100%;

    z-index: 99;

}

.header-03 .navbar .navbar-collapse {

    justify-content: flex-start;

}

.header-03 .navbar-expand-lg .navbar-nav li > a{

    padding: 29px 15px 28px;

}

.header-03 .navbar-expand-lg .navbar-nav li:hover > a{

    color: #081845;

}

.header-03 .navbar-expand-lg .navbar-nav li .sub-menu{

    background: #4091bd;

}

.header-03 .navbar-expand-lg .navbar-nav li .sub-menu li{

    border-color: rgba(255, 255, 255, .1);

}

.header-03 .navbar-expand-lg .navbar-nav li .sub-menu li.current-menu-item > a, 

.header-03 .navbar-expand-lg .navbar-nav li .sub-menu li:hover > a{

    color: #081845;

}

.header-03 .access-btn .btn-search{

    top: 0;

    height: 80px;

    width: 70px;

    text-align: center;

    line-height: 80px;

    border-left: 2px solid rgba(255, 255, 255, .1);

    border-right: 2px solid rgba(255, 255, 255, .1);

}

.header-03 .access-btn .btn-search:hover{

    color: #081845;

}

.header-03 .access-btn{

    display: flex;

    justify-content: flex-end;

}

.header-03 .navigator{

    width: 70px;

    margin: 0;

    line-height: 80px;

    top: 0;



}

.header-03 .navigator span {

    position: absolute;

    width: 15px;

    height: 2px;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: #fff;

    margin: auto;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.header-03 .navigator span:before {

    content: '';

    height: 2px;

    width: 20px;

    top: -6px;

    right: 0;

    background: #fff;

    position: absolute;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.header-03 .navigator span:after {

    content: '';

    height: 2px;

    width: 10px;

    bottom: -6px;

    right: 0;

    background: #fff;

    position: absolute;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.header-03 .navigator:hover span:after,

.header-03 .navigator:hover span:before,

.header-03 .navigator:hover span{

    background: #081845;

}

.header-03 .navigator:hover span:after{

    width: 20px;

}

.header-03 .navigator:hover span:before{

    width: 10px;

}

.header-03 .access-btn .grap-btn{

    height: 80px;

    border-radius: 0;

    padding: 30px 29px;

    margin: 0;

    background: rgba(255, 255, 255, .2);

}

.header-03 .access-btn .grap-btn:before{

    border-radius: 0;

    background: #081845;

}

.header-03 .access-btn .grap-btn i{

    margin-left: 28px;

}



/*--- Slider Section ---*/

.owl-carousel.anim_class .single-slide.bg-img{

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: -webkit-transform 10000ms ease;

    transition: -webkit-transform 10000ms ease;

    transition: transform 10000ms ease;

    transition: transform 10000ms ease,

    -webkit-transform 10000ms ease;

}

.owl-carousel.anim_class .owl-item.active .single-slide.bg-img{

    -webkit-transform: scale(1.13);

    transform: scale(1.13);

}

.hero-slider-02 .single-slide.bg-img{

    height: 660px;

}

.hero-slider-02 .single-slide.bg-img:after{

    background: rgba(8, 24, 69, .7);

}

.slider-section .hero-slider-02.owl-carousel .owl-nav{

    width: 100%;

}

.slider-section .hero-slider-02.owl-carousel .owl-nav button{

    right: 20px;

    top: -25px;

    background: #fff;

    color: #4091bd;

    margin: 0;

    left: auto;

    position: absolute;

    visibility: hidden;

    opacity: 0;

}

.slider-section .hero-slider-02.owl-carousel .owl-nav .owl-prev{

    right: auto;

    left: 20px;

}

.slider-section .hero-slider-02.owl-carousel:hover .owl-nav button{

    visibility: visible;

    opacity: 1;

    right: 60px;

}

.slider-section .hero-slider-02.owl-carousel:hover .owl-nav .owl-prev{

    visibility: visible;

    opacity: 1;

    right: auto;

    left: 60px;

}

.anim_class .slider-content.text-left{

    padding-left: 70px;

}

.slider-content .popup {

    width: 80px;

    height: 80px;

    line-height: 85px;

    position: relative;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    font-size: 20px;

    background: #fff;

    color: #4091bd;

    z-index: 2;

    margin: 0;

}

.slider-content .popup:after {

    content: "";

    border: 2px solid #fff;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}

.slider-content .popup:before {

    content: "";

    border: 2px solid #fff;

    position: absolute;

    z-index: 0;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    display: block;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    animation: zoomBig 3.25s linear infinite;

    -webkit-animation-delay: .75s;

    animation-delay: .75s;

}

.slider-section .owl-item.active .slider-content .popup{

    animation-delay: 2.2s;

    animation-name: fadeInUp;

}

.slider-section .hero-slider-02 .owl-item.active .slider-content .sub-title{

    animation-delay: 1.4s;

    animation-name: fadeInUp;

}

.slider-section .hero-slider-02 .owl-item.active .slider-content h2 {

    animation-delay: 1.7s;

    animation-name: fadeInUp;

}

.slider-content.text-right .sub-title{

    display: inline-block;

}

.slider-content.text-right .sub-title:after{

    left: -86px;

    right: auto;

    top: 9px;

    position: absolute;

}

.slider-section .owl-item.active .slider-content p{

    animation-delay: 2.2s;

    animation-name: fadeInUp;

}

.layer-right{

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 5;

}

.layer-right img{

    max-width: 100%;

    height: auto;

}

.layer-left{

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 5;

}

.layer-left img{

    max-width: 100%;

    height: auto;

}

.slider-section .owl-item.active .layer-right{

    animation-delay: 1s;

    animation-name: fadeInRight;

}

.slider-section .owl-item.active .layer-left{

    animation-delay: 1s;

    animation-name: fadeInLeft;

}



/*--- Service Section ---*/

.service-section-3{

    position: relative;

    background: #F0F4F9;

    padding: 36px 0 90px;

}

.service-item-03{

    position: relative;

    background: #081845;

    margin: 0 0 30px;

    padding: 55px 30px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.service-item-03:hover{

    background: #4091bd;

}

.ic-num{

    display: flex;

    justify-content: center;

    margin: 0 0 40px;

}

.ic-num span{

    display: inline-block;

    color: rgba(104, 110, 226, 0.1);

    font-size: 80px;

    letter-spacing: -2px;

    line-height: 80px;

    font-weight: 500;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.ic-num i{

    display: inline-block;

    color: #4091bd;

    font-size: 80px;

    line-height: 80px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.ic-num .bar{

    display: inline-block;

    width: 20px;

    height: 5px;

    background: rgba(104, 110, 226, 0.1);

    margin: 40px 25px 0;

    border-radius: 5px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.bgicon{

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 12px;

    font-size: 180px;

    line-height: 180px;

    color: rgba(255, 255, 255, .05);

    z-index: 1;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.service-item-03 h4{

    font-size: 22px;

    line-height: 32px;

    color: #fff;

    position: relative;

    z-index: 2;

    text-transform: uppercase;

    margin-bottom: 20px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.service-item-03 h4 a{

    color: inherit;

}

.service-item-03 h4 a:hover{

    color: #191919;

}

.service-item-03 p{

    color: rgba(255, 255, 255, .8);

    margin: 0;

    position: relative;

    z-index: 2;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.service-item-03:hover .ic-num i{

    color: #fff;

}

.service-item-03:hover .ic-num span{

    color: rgba(255, 255, 255, .1);

}

.service-item-03:hover .ic-num .bar{

    background: rgba(255, 255, 255, .1);

}



/*--- About ---*/

.about-section-2{

    position: relative;

    padding: 60px 0;

}

.about-section-2 .ab-img img{

    max-width: 100%;

    height: auto;

}

.about-section-2 .ab-content .sec-title {

    margin-right: -20px;

}

.about-section-2 .icon-box-3 .ib-icon{

    width: 99px;

    height: 99px;

    font-size: 40px;

    line-height: 103px;

    border-radius: 50%;

    background: #F0F4F9;

    color: #4091bd;

}

.about-section-2 .icon-box-3 .ib-icon svg path{

    fill: #4091bd;

}

.about-section-2 .icon-box-3{

    padding-left: 122px;

    padding-top: 10px;

    margin: 0 0 54px;

}

.ab-quote{

    box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -webkit-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    -ms-box-shadow: 0px 0 20px 0px rgb(152 152 152 / 16%);

    background: #fff;

    padding: 25px 60px 30px;

    border-radius: 3px;

    margin: 0;

    position: relative;

}

.ab-quote:after{

    position: absolute;

    left: -3px;

    width: 6px;

    height: 65px;

    content: '';

    background: #4091bd;

    top: 0;

    bottom: 0;

    margin: auto;

    border-radius: 10px;

}





/*--- work process ---*/

.work-process{

    position: relative;

    padding: 0 0 60px;

}

.icon-box-5{

    position: relative;

    background: #081845;

    border-radius: 10px;

    padding: 31px 20px 50px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.icon-box-5 span {

    text-align: left;

    display: block;

    color: rgba(210, 210, 210, 0.25);

    font-size: 80px;

    letter-spacing: -2px;

    line-height: 80px;

    font-weight: 500;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.icon-box-5 .ib-icon{

    font-size: 20px;

    color: #4091bd;

    font-size: 126px;

    line-height: 126px;

    margin: -30px 0 53px;

}

.icon-box-5 .ib-icon svg{

    fill: #4091bd;

    max-width: 126px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.ib-icon svg path{

    fill: inherit;

}

.icon-box-5 h5{

    color: #fff;

    font-size: 20px;

    line-height: 30px;

    margin: 0;

}

.icon-box-5:hover{

    background: #4091bd;

}

.icon-box-5:hover .ib-icon svg{

    fill: #fff;

}

.icon-box-5:hover .ib-icon{

    color: #fff;

}



/*--- Blog Post ---*/

.blogItem2{

    position: relative;

    margin: 0 0 30px;

}

.blogItem2 .biThumb{

    margin: 0 0 18px;

}

.blogItem2 .biThumb:after{

    background: rgba(8, 24, 69, .7);

}

.blogItem2 .biThumb img{

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}

.blogItem2 .biThumb:hover img {

    transform: scale(1.1) rotate(1.2deg);

    -moz-transform: scale(1.1) rotate(1.2deg);

    -webkit-transform: scale(1.1) rotate(1.2deg);

    -ms-transform: scale(1.1) rotate(1.2deg);

    -o-transform: scale(1.1) rotate(1.2deg);

}

.biMeta2{

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 20px;

    z-index: 3;

    display: flex;

    justify-content: center;

}

.biMeta2 a{

    display: inline-block;

    color: #fff;

    position: relative;

    font-size: 16px;

    line-height: 24px;

    margin-right: 30px;

}

.biMeta2 a:last-child{

    margin-right: 0;

}

.biMeta2 a i{

    margin-right: 6px;

}

.biMeta2 a:hover{

    color: #4091bd;

}

.biMeta2 a:after{

    position: absolute;

    right: -16px;

    top: 9px;

    width: 7px;

    height: 7px;

    content: '';

    background: #4091bd;

    border-radius: 50%;

}

.biMeta2 a:last-child:after{

    display: none;

}

.rmpost{

    width: 60px;

    height: 60px;

    border-radius: 50%;

    font-size: 25px;

    color: #fff;

    line-height: 65px;

    text-align: center;

    display: inline-block;

    background: rgba(255, 255, 255, .5);

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: 80px;

    z-index: 3;

}

.rmpost:hover{

    color: #fff;

    background: #4091bd;

}

.blogItem2 h3{

    font-size: 24px;

    position: relative;

    display: block;

    line-height: 32px;

    margin: 0;

    color: #191919;

}

.blogItem2 h3 a{

    color: inherit;

}

.blogItem2 h3 a:hover{

    color: #4091bd;

}



/*--- Portfolio ---*/

.portfolio-section-3{

    position: relative;

    background: #F0F4F9;

    padding: 120px 0;

}

.noPadding{

    padding: 0;

}

.folio-item-3{

    position: relative;

    overflow: hidden;

    margin: 2.5px;

}

.folio-item-3 img{

    width: 100%;

    height: auto;

    border-radius: 10px;

}

.fs-hover {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);

    -moz-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);

    transition: transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);

    border-radius: 10px;

    background: rgba(104, 110, 226, 0.8);

    opacity: 0;

}

.fs-content {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    width: 100%;

    text-align: center;

    padding: 0 15px;

    z-index: 2;

}

.folio-item-3:hover .fs-hover{

    opacity: 1;

}

.fs-content .fm-more{

    position: relative;

    right: auto;

    display: inline-block;

    background: #fff;

    width: 57px;

    height: 57px;

    border-radius: 50%;

    text-align: center;

    font-size: 24px;

    color: #4091bd;

    line-height: 60px;

    margin-bottom: 22px;

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    transform: scale(.7);

    -webkit-box-shadow: 0px 1px 54px 0px rgb(47 84 238 / 46%);

    -moz-box-shadow: 0px 1px 54px 0px rgba(47, 84, 238, 0.46);

    box-shadow: 0px 1px 54px 0px rgb(47 84 238 / 46%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.fs-content .fm-more:hover{

    background: #191919;

    color: #fff;

}

.fs-content h5 {

    font-size: 20px;

    line-height: 30px;

    color: #fff;

    margin-bottom: 3px;

    visibility: hidden;

    opacity: 0;

    transform: translateY(30px);

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    -webkit-transition: all 0.7s ease;

    -o-transition: all 0.7s ease;

    transition: all 0.7s ease;

}

.fs-content h5 a{

    color: inherit;

}

.fs-content h5 a:hover{

    color: #191919;

}

.fs-content .cats{

    color: rgba(255, 255, 255, .8);

    margin: 0;

    transform: translateY(30px);

    -moz-transform: translateY(30px);

    -webkit-transform: translateY(30px);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

}

.folio-item-3:hover .fs-content .fm-more{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    transform: scale(1);

    visibility: visible;

    opacity: 1;

}

.folio-item-3:hover .fs-content h5 {

    transform: translateY(0px);

    -moz-transform: translateY(0px);

    -webkit-transform: translateY(0px);

    visibility: visible;

    opacity: 1;

}

.folio-item-3:hover .fs-content .cats{

    transform: translateY(0px);

    -moz-transform: translateY(0px);

    -webkit-transform: translateY(0px);

    visibility: visible;

    opacity: 1;

}

/*--- Testimonial ---*/

.testibg-section{

    padding: 123px 0 172px;

    background-position: center center;

    background-size: cover;

    background-attachment: fixed;

    background-repeat: no-repeat;

    position: relative;

}

.testibg-section:after {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(8, 24, 69, .9);

}

.testibg-section .container{

    position: relative;

    z-index: 2;

}

.testimonial-section-02{

    padding: 0 0 0px;

    margin-top: -135px;

    z-index: 3;

}

.testimonial-slider-two .ts-item{

    margin-top: 70px;

    padding-top: 110px;

    overflow: visible;

}

.testimonial-slider-two .owl-item{

    overflow: hidden;

    border-radius: 10px;

}

.testimonial-slider-two .ts-item i{

    top: auto;

    bottom: 22px;

}

.testimonial-slider-two .ts-item:after{

    top: auto;

    bottom: -80px;

}

.ts-author{

    position: absolute;

    left: 0;

    right: 0;

    top: -70px;

    padding: 40px 20px 40px 140px;

    z-index: 2;

    margin: auto;

    background: #F0F4F9;

    border-radius: 5px;

    width: 70%;

    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);

    -webkit-box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 5%);

    -ms-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .05);

}

.testimonial-slider-two .ts-author img{

    width: 80px;

    height: 80px;

    border-radius: 50%;

    position: absolute;

    left: 25px;

    top: 25px;

}



/*--- Pricing Table ---*/

.pricintable-02{

    position: relative;

    border-radius: 20px;

    padding: 41px 45px 36px;

    border: 3px dashed #4091bd;

    margin-bottom: 30px;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.pricintable-02 .ib-icon{

    width: 96px;

    height: 96px;

    line-height: 110px;

    font-size: 40px;

    background: #4091bd;

    border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;

    text-align: center;

    display: inline-block;

    margin: 0 0 39px;

    position: relative;

    z-index: 3;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.pricintable-02 .ib-icon svg{

    max-width: 40px;

    fill: #fff;

}

.pricintable-02:hover .ib-icon{

    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

}

.pricintable-02 h3 {

    font-size: 36px;

    line-height: 40px;

    margin: 0 0 19px;

}

.pricintable-02 h2 {

    font-size: 48px;

    line-height: .8;

    font-weight: 500;

    color: #191919;

    margin: 0 0 30px;

    position: relative;

    z-index: 3;

    -webkit-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

.pricintable-02 h2 .currency {

    font-size: 14px;

    margin-right: 10px;

    top: -24px;

    left: 0;

}

.pricintable-02 h2 sup {

    margin: 0;

    font-size: 18px;

    left: 6px;

    top: -21px;

}

.pricintable-02 ul {

    margin: 0;

    padding: 0 0 23px;

}

.pricintable-02 ul li {

    list-style: none;

    display: block;

    font-size: 18px;

    color: #191919;

    font-weight: 400;

    line-height: 38px;

}

.pricintable-02 ul li i {

    font-size: 15px;

    color: #4091bd;

    margin-right: 13px;

}

.pricintable-02 .grap-btn {

    border-radius: 30px;

    height: 60px;

    padding: 20px 31px;

}

.pricintable-02 .grap-btn::before {

    border-radius: 30px;

}



/*--- Contact Form ---*/

.contact-section-2{

    background-color: #081845;

    padding: 120px 0 115px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

}

.contact-section-2 .contact-form{

    background: transparent;

    box-shadow: none;

    padding: 0;

}

.contact-section-2 .sec-title{

    margin: 0 0 15px;

}

.contact-section-2 .sec-desc{

    margin: 0 0 40px;

}

.contact-section-2 input[type="text"], 

.contact-section-2 input[type="email"], 

.contact-section-2 input[type="url"],

.contact-section-2 input[type="number"], 

.contact-section-2 textarea{

    border: 2px solid rgba(255, 255, 255, .2);

    color: rgba(255, 255, 255, .8);

 }

.contact-section-2 input[type="text"]::-moz-placeholder, 

.contact-section-2 input[type="email"]::-moz-placeholder, 

.contact-section-2 input[type="url"]::-moz-placeholder, 

.contact-section-2 input[type="number"]::-moz-placeholder, 

.contact-section-2 textarea::-moz-placeholder{

    color: rgba(255, 255, 255, .8);

    opacity: 1;

}

.contact-section-2 input[type="text"]::-ms-input-placeholder, 

.contact-section-2 input[type="email"]::-ms-input-placeholder, 

.contact-section-2 input[type="url"]::-ms-input-placeholder, 

.contact-section-2 input[type="number"]::-ms-input-placeholder, 

.contact-section-2 textarea::-ms-input-placeholder{

    color: rgba(255, 255, 255, .8);

    opacity: 1;

}

.contact-section-2 input[type="text"]::-webkit-input-placeholder, 

.contact-section-2 input[type="email"]::-webkit-input-placeholder, 

.contact-section-2 input[type="url"]::-webkit-input-placeholder, 

.contact-section-2 input[type="number"]::-webkit-input-placeholder, 

.contact-section-2 textarea::-webkit-input-placeholder{

    color: rgba(255, 255, 255, .8);

    opacity: 1;

}

.contact-section-2 .iconInput i{

    display: none;

}

.contact-section-2 .grap-btn::before{

    background: #fff;

}

.contact-section-2 .grap-btn:hover{

    color: #4091bd;

}

.contact-section-2 input.reqError, .contact-section-2 .reqError {

    border-color: #f00;

}

.contact_con{

    position: relative;

    background: #4091bd;

    padding: 40px 40px;

    border-radius: 10px;

}

.contact_con .icon-box-3{

    padding-left: 105px;

    padding-right: 0;

}

.contact_con .icon-box-3 .ib-icon{

    width: 82px;

    height: 82px;

    font-size: 44px;

    line-height: 82px;

    background: transparent;

    border: 2px solid rgba(255, 255, 255, .15);

}

.contact_con .icon-box-3 h5{

    color: #fff;

}

.contact_con .icon-box-3 p{

    color: rgba(255, 255, 255, .8);

}

.contact-section-2 .contact_con h2{

    font-size: 40px;

    margin-bottom: 30px;

}



/*--------------------------------------------------------

/ 5. About Page

/---------------------------------------------------------*/

/*-- page banner --*/

.page_banner{

    position: relative;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-color: #081845;

    min-height: 350px;

    padding-top: 112px;

}

.page_banner:after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: rgba(8, 24, 69, .87);

}

.page_banner .container{

    position: relative;

    z-index: 2;

}

.pb_title{

    font-size: 45px;

    line-height: 55px;

    color: #fff;

    margin: 0 0 15px;

}

.page_crumb{

    font-family: 'Rubik', sans-serif;

    font-size: 18px;

    line-height: 30px;

    color: rgba(255, 255, 255, .7);

}

.page_crumb a{

    color: inherit;

}

.page_crumb a:hover{

    color: #4091bd;

}

.pd116{

    padding-top: 116px;

}



/*--------------------------------------------------------

/ 6. Service Page

/---------------------------------------------------------*/

.service-item-04{

    position: relative;

    margin: 0 0 30px;

    border: 5px solid transparent;

    border-radius: 10px;

    padding: 40px 28px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.service-item-04 .ib-icon svg{

    max-width: 103px;

    width: 103px;

    height: 103px;

    fill: rgba(104, 110, 226, 0.1);

    -webkit-filter: drop-shadow( 0px 13px 15px rgba(0, 0, 0, 0.24));

    -moz-filter: drop-shadow( 0px 13px 15px rgba(0, 0, 0, 0.24));

    filter: drop-shadow( 0px 13px 15px rgba(0, 0, 0, 0.24));

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.service-item-04 .ib-icon svg path{

    fill: inherit;

}

.service-item-04 .ib-icon{

    font-size: 70px;

    line-height: 70px;

    color: #4091bd;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    display: inline-block;

    text-align: center;

    margin: 0 0 27px;

}

.service-item-04 .ib-icon i{

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: center;

    top: 50%;

    transform: translateY(-50%);

    z-index: 3;

}

.service-item-04 h3 {

    font-size: 22px;

    line-height: 32px;

    margin-bottom: 14px;

}

.service-item-04 h3 a{

    color: inherit;

}

.service-item-04 h3 a:hover{

    color: #4091bd;

}

.service-item-04 p{

    margin: 0 0 23px;

}

.service-item-04:hover .ib-icon{

    color: #fff;

}

.service-item-04:hover .ib-icon svg{

    fill: #4091bd;

    filter: none;

}

.service-item-04:hover{

    border-color: #4091bd;

}

.smore{

    height: 50px;

    background: rgba(104, 110, 226, 0.1);

    border-radius: 30px;

    text-align: center;

    display: inline-block;

    font-size: 22px;

    color: #4091bd;

    line-height: 50px;

    padding: 0 30px;

}

.smore:hover{

    background: #4091bd;

    color: #fff;

}

.service-single{

    position: relative;

    padding: 120px 0;

}

.service-area{

    position: relative;

}

.srimg{

    position: relative;

    margin: 0 0 28px;

}

.service-area .srimg img{

    width: 100%;

    height: auto;

    border-radius: 10px;

    margin: 0;

}

.service-area h3{

    font-size: 40px;

    line-height: 52px;

    color: #191919;

    margin: 0 0 22px;

}

.service-area > p{

    margin: 0 0 20px;

}

.service-area img{

    max-width: 100%;

    height: auto;

    border-radius: 5px;

    margin: 19px 0 35px;

}

.service-area h4{

    font-size: 20px;

    line-height: 30px;

    color: #222;

    margin: 6px 0 22px;

}

.service-area .col-md-6 h4{

    margin-top: 15px;

}

.service-area ul{

    margin: 0;

    padding: 0;

}

.service-area ul li{

    list-style: none;

    display: inline-block;

    position: relative;

    font-size: 18px;

    padding-left: 30px;

    margin: 0 0 8px;

}

.service-area ul li:after{

    position: absolute;

    left: 0px;

    font-size: 18px;

    top: 0;

    color: #4091bd;

    content: "\ea0f";

    font-family: 'nss-theme';

}

.clinet_review{

    position: relative;

    padding: 50px 100px;

    background: #F0F4F9;

    border-radius: 10px;

    text-align: center;

    margin: 30px 0 0;

}

.quatation {

    color: #222;

    font-size: 20px;

    position: relative;

    line-height: 30px;

    font-weight: 500;

    font-style: italic;

    margin: 0 0 22px;

}

.quatation:before{

    position: relative;

    display: block;

    left: 0px;

    right: 0;

    margin: 0 auto 36px;

    font-size: 50px;

    top: 6px;

    color: #4091bd;

    content: "\f95e";

    font-family: 'nss-theme';

}

.test_author{

    position: relative;

}

.test_author span{

    display: block;

    color: #4091bd;

    line-height: .8;

    font-size: 18px;

    margin: 0 0 10px;

}

.test_author p{

    font-size: 14px;

    line-height: .8;

    margin: 0;

}

.serviceSidebar{

    position: relative;

    padding-left: 10px;

}

.serviceSidebar .widget{

    position: relative;

    margin: 0 0 50px;

    padding: 0;

}

.serviceSidebar .widget .widget-title{

    text-transform: capitalize;

    position: relative;

    font-size: 28px;

    line-height: 36px;

    margin: 0 0 24px;

}

.widget.service_widget{

    background: #F0F4F9;

    border-radius: 5px;

    padding: 25px;

}

.serviceSidebar ul {

    position: relative;

    margin: 0;

    padding: 0;

}

.serviceSidebar ul li {

    position: relative;

    display: block;

    margin: 0 0 15px;

    z-index: 1;

}

.serviceSidebar ul li a {

    position: relative;

    display: block;

    font-size: 16px;

    line-height: 32px;

    font-weight: 500;

    padding: 8px 20px;

    background: #fff;

    border-radius: 5px;

    font-family: 'Rubik', sans-serif;

    color: #222222;

    border: 1px solid #E3E3E3;

}

.serviceSidebar ul li:after{

    position: absolute;

    right: 20px;

    top: 0;

    line-height: 50px;

    color: #081845;

    content: "\e9ef";

    font-family: 'nss-theme';

}

.serviceSidebar ul li:hover a, .serviceSidebar ul li.active a {

    border-color: #4091bd;

}

.widget .grap-btn{

    padding: 14px 51px;

}

.widget .iconInput textarea{

    margin-bottom: 18px;

}

.widget.boucher_widget{

    background: #F0F4F9;

    border-radius: 5px;

    padding: 25px;

}

.boucher_widget p{

    margin: -7px 0 30px;

}

.download-btn{

    display: flex;

    font-size: 18px;

    font-weight: 500;

    color: #191919;

    margin: 19px 0 0;

}

.download-btn i{

    font-size: 40px;

    margin-right: 15px;

    margin-top: -5px;

    color: #4091bd;

}

.download-btn:hover{

    color: #4091bd;

}



/*--------------------------------------------------------

/ 7. Portfolio Page

/---------------------------------------------------------*/

.portfolioPage{

    position: relative;

    padding: 60px 0;

}

.portfolioPage .folio-item-1{

    margin-bottom: 30px;

}

.portfolioPage .shaf-filter{

    margin-top: 0;

}

.grapt-pagination.mt58{

    margin-top: 58px;

}

.grapt-pagination {

    position: relative;

    font-family: 'Rubik', sans-serif;

    margin: 30px 0 0;

}

.grapt-pagination a, .grapt-pagination span {

    font-size: 20px;

    color: #222;

    letter-spacing: 0;

    line-height: 60px;

    background: #F0F4F9;

    font-weight: 400;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    padding: 0 0;

    margin: 0 5px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.grapt-pagination a:hover, .grapt-pagination .current {

    color: #fff;

    background: #4091bd;

}

.portfolio-single{

    position: relative;

    padding: 120px 0;

}

.folio-thumb {

    position: relative;

}

.folio-thumb img {

    width: 100%;

    height: auto;

    margin-bottom: 30px;

}

.detils-folio {

    position: relative;

    padding: 24px 0 0 0;

}

.detils-folio > span {

    display: block;

    margin: 0 0 5px;

}

.detils-folio p{

    margin: 0;

    padding-right: 15px;

}

.detils-folio h3 {

    font-size: 36px;

    line-height: 42px;

    margin-bottom: 23px;

}

.folio-social {

    display: flex;

    justify-content: flex-start;

    margin-bottom: 38px;

}

.folio-social h5 {

    font-size: 14px;

    line-height: 36px;

    text-transform: uppercase;

    margin: 0;

}

.folio-social a {

    display: inline-block;

    font-size: 16px;

    color: #bbc7cd;

    line-height: 36px;

    margin-left: 20px;

}

.folio-social a:hover{

    color: #4091bd;

}

.meta-item {

    display: block;

    margin: 22px 0 0;

}

.meta-item h5 {

    display: block;

    font-size: 20px;

    line-height: 30px;

    color: #8a8a8a;

    text-transform: uppercase;

    margin-bottom: 1px;

}

.meta-item p {

    color: #191919;

}



/*--------------------------------------------------------

/ 8. Blog Page

/---------------------------------------------------------*/

.blogPage{

    position: relative;

    padding: 120px 0;

}

.blog-item-3 {

    position: relative;

    border-radius: 0;

    padding: 0 0 0;

    margin: 0 0 43px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.bi-thumb {

    position: relative;

    margin: 0 0 36px;

}

.bi-thumb img{

    max-width: 100%;

    border-radius: 5px;

    width: auto;

    height: auto;

}

.bi-details{

    position: relative;

}

.bi-cats{

    float: left;

    display: inline-block;

    position: relative;

    font-family: 'Rubik', sans-serif;

    margin-right: 12px;

}

.bi-cats a{

    display: inline-block;

    height: 42px;

    background: #4091bd;

    text-align: center;

    border-radius: 5px;

    font-size: 12px;

    line-height: 42px;

    color: #fff;

    margin: 0 10px 10px 0;

    letter-spacing: 1.2px;

    text-transform: uppercase;

    padding: 0 14px;

}

.bi-cats a:hover{

    background: #191919;

    color: #fff;

}

.bi-author{

    position: relative;

    display: inline-block;

    font-family: 'Rubik', sans-serif;

    padding-left: 58px;

    padding-top: 1px;

}

.bi-author img{

    width: 42px;

    height: 42px;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

}

.bi-author a{

    text-transform: uppercase;

    display: block;

    font-size: 15px;

    line-height: 17px;

    color: #081845;

    font-weight: 500;

    margin: 0 0 7px;

}

.bi-author span{

    display: block;

    font-size: 14px;

    line-height: 17px;

    color: #081845;

    font-weight: 300;

}

.bi-author a:hover{

    color: #4091bd;

}

.bi-details h3{

    font-size: 34px;

    line-height: 38px;

    margin: 19px 0 15px;

}

.bi-details p{

    margin: 0 0 22px;

}

.bi-details .rm{

    display: inline-block;

    font-size: 16px;

    color: #081845;

    font-weight: 700;

    text-transform: uppercase;

    font-family: 'Rubik', sans-serif;

}

.bi-details .rm i{

    color: #4091bd;

    font-size: 22px;

    position: relative;

    top: 4px;

    padding-left: 15px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.bi-details .rm:hover{

    color: #4091bd;

}

.bi-details .rm:hover i{

    padding-left: 20px;

}

.blog-item-3.noThumb{

    border: 2px solid #E9E9E9;

    padding: 40px;

}



/*--- Sidebar ---*/

.sidebar {

    position: relative;

    padding-left: 10px;

}

.sidebar .widget{

    position: relative;

    padding: 0;

    margin: 0 0 42px;

}

.sidebar .widget .widget-title{

    text-transform: capitalize;

    position: relative;

    font-size: 28px;

    line-height: 36px;

    margin: 0 0 44px;

}

.sidebar .widget .widget-title:after{

    position: absolute;

    width: 50px;

    height: 3px;

    background: #4091bd;

    left: 0;

    bottom: -8px;

    content: '';

}

.woocommerce-product-search,

.search-form{

    position: relative;

    margin: -12px 0 0;

}

.woocommerce-product-search [type=search],

.search-form [type=search]{

    width: 100%;

    height: 45px;

    font-size: 16px;

    line-height: 17px;

    background: transparent;

    border-radius: 0;

    color: #565872;

    border: none;

    border-bottom: 1px solid rgba(8, 24, 69, .2);

    padding: 0 0 19px;

    outline: none;

}

.woocommerce-product-search [type=search]::-moz-placeholder,

.search-form [type=search]::-moz-placeholder{

    color: #565872;

    opacity: 1;

}

.woocommerce-product-search [type=search]::-ms-input-placeholder,

.search-form [type=search]::-ms-input-placeholder{

    color: #565872;

    opacity: 1;

}

.woocommerce-product-search [type=search]::-webkit-input-placeholder,

.search-form [type=search]::-webkit-input-placeholder{

    color: #565872;

    opacity: 1;

}

.woocommerce-product-search button,

.search-form button{

    font-size: 20px;

    border: none;

    outline: none;

    height: 100%;

    padding: 0;

    background: transparent;

    color: #717171;

    line-height: 35px;

    position: absolute;

    right: 0;

    top: -2px;

    transition: all ease 300ms;

    -moz-transition: all ease 300ms;

    -webkit-transition: all ease 300ms;

}

.woocommerce-product-search button{

    height: 35px;

    background: #081845;

    padding: 0 20px;

    line-height: 35px;

    color: #fff;

}

.search-form button:hover{

    color: #4091bd;

}

.sidebar .widget ul{

    margin: 0;

    padding: 0;

}

.sidebar .widget ul li{

    list-style: none;

    display: block;

    position: relative;

    font-size: 16px;

    color: #081845;

    line-height: 28px;

    font-weight: 500;

    font-family: 'Rubik', sans-serif;

    padding-left: 25px;

    border-bottom: 1px dashed #081845;

    padding-bottom: 23px;

    margin: 0 0 20px;

}

.sidebar .widget ul li:after{

    position: absolute;

    left: 0;

    top: 1px;

    font-size: 22px;

    color: rgba(8, 24, 69, .2);

    content: "\e9ef";

    font-family: 'nss-theme';

    transition: all ease 300ms;

    -moz-transition: all ease 300ms;

    -webkit-transition: all ease 300ms;

}

.sidebar .widget ul li a{

    color: inherit;

    display: inline-block;

}

.sidebar .widget ul li:hover a{

    color: #4091bd;

}

.sidebar .widget ul li:hover:after{

    left: 5px;

    color: #4091bd;

}

.sidebar .widget ul li:last-child{

    border: none;

    margin-bottom: 0;

    padding-bottom: 0;

}

.sidebar .widget.widget_categories ul li{

    text-transform: capitalize;

    font-weight: 400;

    border-bottom: 1px solid rgba(8, 24, 69, .16);

    padding-bottom: 23px;

}

.service-ads{

    padding: 60px 20px 50px;

    min-height: 350px;

    text-align: center;

    border-radius: 10px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

}

.service-ads i{

    position: relative;

    z-index: 2;

    width: 70px;

    height: 70px;

    background: #fff;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

    color: #4091bd;

    line-height: 70px;

    font-size: 24px;

    animation: shadows 1s linear infinite;

    margin: 0 0 35px;

}

.service-ads h4{

    color: #fff;

    line-height: 40px;

    font-size: 25px;

    margin: 0 0 28px;

    position: relative;

    z-index: 2;

}

.service-ads a{

    color: #fff;

    position: relative;

    z-index: 2;

    line-height: 40px;

    font-size: 25px;

    font-weight: 800;

    display: inline-block;

}

.service-ads:after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: #4091bd;

    border-radius: 10px;

    opacity: .9;

}

.tagcloud{

    position: relative;

}

.tagcloud a {

    position: relative;

    text-align: center;

    display: inline-block;

    font-size: 16px !important;

    font-family: 'Rubik', sans-serif;

    color: #081845;

    text-transform: lowercase;

    height: 40px;

    border: none;

    border-radius: 30px;

    background: #fff;

    line-height: 40px;

    padding: 0 22px;

    margin: 0 8px 12px 0;

    box-shadow: 0px 0 20px 0px rgba(130, 130, 13, .09);

    -webkit-box-shadow: 0px 0 20px 0px rgba(130, 130, 13, .09);

    -ms-box-shadow: 0px 0 20px 0px rgba(130, 130, 13, .09);

}

.tagcloud a:hover{

    background:  #4091bd;

    color: #fff;

}



/*--------------------------------------------------------

/ 9. Single Blog Page

/---------------------------------------------------------*/

.singleBlogPage{

    position: relative;

    padding: 120px 0;

}

.single_blog{

    position: relative;

}

.ps-thumb{

    position: relative;

    margin: 0 0 40px;

}

.ps-thumb img{

    max-width: 100%;

    height: auto;

    width: auto;

    border-radius: 5px;

}

.bp-meta{

    position: relative;

    margin: 0 0 28px;

}

.sb_details{

    position: relative;

    margin: 0 0 58px;

}

.sb_details img {

    max-width: 100%;

    height: auto;

    margin: 0 0 10px;

}

.sb_details p{

    margin: 0 0 30px;

}

.sb_details blockquote.wp-block-quote, .sb_details blockquote {

    position: relative;

    margin: 40px 0 45px;

    background: transparent;

    padding: 40px 60px 0;

}

.sb_details blockquote::after {

    position: absolute;

    left: 45px;

    top: 0;

    z-index: -1;

    background: url(../images/quote.png) no-repeat top left;

    content: '';

    width: 113px;

    height: 75px;

}

.sb_details blockquote p {

    font-size: 24px;

    color: #081845;

    line-height: 32px;

    font-style: italic;

    font-weight: 400;

    margin: 0 !important;

}

.sb_details blockquote cite{

    display: block;

    font-size: 25px;

    color: #4091bd;

    font-weight: 700;

    font-style: normal;

    margin: 18px 0 0;

}

.sb_details ul li {

    list-style: none;

    display: inline-block;

    position: relative;

    font-size: 16px;

    line-height: 34px;

    font-family: 'Rubik', sans-serif;

    color: #081845;

    padding-left: 40px;

    margin: 0 0 10px;

}

.sb_details ul {

    margin: 0 0 16px;

    padding: 0;

}

.sb_details ul li::after {

    position: absolute;

    left: 0px;

    font-size: 18px;

    top: 0;

    color: #4091bd;

    content: "\ea0f";

    font-family: 'nss-theme';

}

.sb_details .wp-block-columns {

    margin-bottom: 1px;

    margin-top: 28px;

}

.sb_details .wp-block-image {

    margin-bottom: 22px;

}

.sb_details img {

    max-width: 100%;

    height: auto;

    border-radius: 5px;

    margin: 0 0 10px;

}

.tags{

    position: relative;

}

.tags a {

    position: relative;

    text-align: center;

    display: inline-block;

    font-size: 16px;

    font-family: 'Rubik', sans-serif;

    color: #081845;

    text-transform: lowercase;

    height: 40px;

    border: none;

    border-radius: 30px;

    background: #fff;

    line-height: 40px;

    padding: 0 22px;

    margin: 0 8px 12px 0;

    box-shadow: 0px 0 20px 0px rgba(130, 130, 13, .09);

    -webkit-box-shadow: 0px 0 20px 0px rgba(130, 130, 13, .09);

    -ms-box-shadow: 0px 0 20px 0px rgba(130, 130, 13, .09);

}

.tags a:hover {

    background: #4091bd;

    color: #fff;

}

.social-share{

    text-align: right;

    position: relative;

    margin: 8px 0 0;

}

.social-share a{

    display: inline-block;

    color: rgba(8, 24, 69, .4);

    font-size: 20px;

    margin-left: 20px;

}

.social-share a:hover {

    color: #4091bd;

}

.tg-so{

    margin-bottom: 55px;

}

.post-pagination{

    position: relative;

    border-top: 1px dashed rgba(8, 24, 69, .4); 

    border-bottom: 1px dashed rgba(8, 24, 69, .4); 

    padding: 30px 0;

    margin: 0 0 65px;

}

.post-pagination a{

    display: block;

    color: #081845;

    line-height: 26px;

}

.post-pagination a.prev,

.post-pagination a.next{

    font-size: 16px;

    font-family: 'Rubik', sans-serif;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .60px;

    margin: 0 0 17px;

}

.post-pagination a.next i,

.post-pagination a.prev i{

    font-size: 20px;

    margin-right: 15px;

    position: relative;

    top: 3px;

}

.post-pagination a.next i{

    margin-left: 15px;

    margin-right: 0;

}

.post-pagination a:hover {

    color: #4091bd;

}

.post-author{

    position: relative;

    background: #F0F4F9;

    border-radius: 10px;

    padding: 40px 30px 40px 200px;

}

.post-author img{

    width: 127px;

    height: 127px;

    border-radius: 50%;

    position: absolute;

    left: 35px;

    top: 0;

    bottom: 0;

    margin: auto;

    border-radius: 50%;

}

.post-author h4{

    color: #4091bd;

    font-size: 24px;

    margin: 0 0 4px;

}

.post-author h4 a{

    color: inherit;

}

.post-author p{

    margin: 0 0 16px;

}

.post-author > a{

    display: inline-block;

    font-size: 16px;

    margin-right: 15px;

    color: rgba(8, 24, 69, .4);

}

.post-author > a:hover {

    color: #4091bd;

}

.comment-area{

    position: relative;

    margin: 60px 0 0;

}

.cmtitle{

    position: relative;

    font-size: 48px;

    line-height: 58px;

    margin: 0 0 65px;

}

.cmtitle:after{

    position: absolute;

    left: 0;

    bottom: -13px;

    width: 50px;

    height: 3px;

    background: #4091bd;

    content: '';

}

.comment-list {

    margin: 0;

    padding: 0;

}

.comment-list li {

    list-style: none;

}

.comment-list .children {

    margin: 0 0 0 140px;

    padding: 0;

}

.single-comment {

    position: relative;

    border-radius: 10px;

    border: 1px solid #D1D1D1;

    padding: 40px 40px 42px 180px;

    margin: 0 0 30px;

}

.single-comment .cm-img{

    position: absolute;

    left: 45px;

    top: 45px;

    width: 97px;

    height: 97px;

    border-radius: 50%;

}

.single-comment .cm-author{

    font-family: 'Rubik', sans-serif;

    text-transform: uppercase;

    font-size: 20px;

    color: #081845;

    font-weight: 500;

    margin: 0 0 11px;

}

.single-comment .cm-author span{

    display: block;

    font-size: 12px;

    font-weight: 400;

    margin: 4px 0 0;

    text-transform: none;

}

.cm-comment{

    position: relative;

}

.cm-comment p{

    margin: 0 0 5px;

}

.comment-reply-link {

    display: inline-block;

    font-size: 14px;

    line-height: .8;

    color: #081845;

    font-weight: 500;

    font-family: 'Rubik', sans-serif;

    text-transform: uppercase;

}

.comment-reply-link:hover{

    color: #4091bd;

}

.comment-form{

    position: relative;

    margin-top: 50px;

}

.comment-form .cmtitle{

    margin-bottom: 55px;

}

.comment-form label{

    display: block;

    cursor: pointer;

    font-size: 16px;

    font-family: 'Rubik', sans-serif;

    color: #081845;

    margin: 0 0 17px;

}

.comment-form input, 

.comment-form textarea {

    width: 100%;

    height: 60px;

    border: 1px solid #EBEBEB;

    background: #FBFBFB;

    border-radius: 0;

    outline: none;

    font-size: 18px;

    line-height: 70px;

    color: rgba(8, 24, 69, .8);

    border-radius: 0;

    padding: 0 20px;

    margin: 0 0 25px;

}

.comment-form textarea{

    height: 215px;

    line-height: 30px;

    padding-top: 12px;

    resize: none;

    margin-bottom: 35px;

}

.comment-form button{

    height: 65px;

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 700;

    padding: 19px 37px;

}



/*--------------------------------------------------------

/ 10. Team Page

/---------------------------------------------------------*/

.teamPage{

    position: relative;

    padding: 120px 0 70px;

}

.team_02 {

    position: relative;

    padding-bottom: 60px;

    margin: 0 0 50px;

    border-radius: 3px 3px 0 0;

}

.team_02 img {

    width: 100%;

    height: auto;

    border-radius: 3px 3px 0 0;

}

.t01_details {

    background: #FFF;

    box-shadow: 0px 9px 35px 0px rgba(33, 37, 41, 0.05);

    border-radius: 3px;

    text-align: center;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    width: calc(100% - 80px);

    z-index: 2;

    padding: 33px 15px 30px;

    -webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

}

.t01_details h3 {

    font-size: 20px;

    font-family: 'Rubik', sans-serif;

    font-weight: 500;

    margin-bottom: 2px;

    color: #081845;

}

.t01_details h3 a {

    color: inherit;

}

.t01_details h3 a:hover{

    color: #4091bd;

}

.t01_details p {

    font-size: 17px;

    margin: 0;

}

.t01_social {

    display: block;

    text-align: center;

    overflow: hidden;

    height: 0;

    -webkit-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

}

.t01_social a {

    display: inline-block;

    height: 30px;

    width: 30px;

    background: transparent;

    border: 1px solid rgba(8, 24, 69, .16);

    border-radius: 2px;

    text-align: center;

    font-size: 14px;

    color: #081845;

    line-height: 30px;

    padding-top: 1px;

    margin: 0 5px;

    margin-top: 20px;

    margin-bottom: 10px;

}

.t01_social a:nth-child(1) {

    -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 150px, 0);

    -moz-transform: translate3d(0, 150px, 0);

    -webkit-transform: translate3d(0, 150px, 0);

    -ms-transform: translate3d(0, 150px, 0);

    -o-transform: translate3d(0, 150px, 0);

}

.t01_social a:nth-child(2) {

    -webkit-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 150px, 0);

    -moz-transform: translate3d(0, 150px, 0);

    -webkit-transform: translate3d(0, 150px, 0);

    -ms-transform: translate3d(0, 150px, 0);

    -o-transform: translate3d(0, 150px, 0);

}

.t01_social a:nth-child(3) {

    -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 150px, 0);

    -moz-transform: translate3d(0, 150px, 0);

    -webkit-transform: translate3d(0, 150px, 0);

    -ms-transform: translate3d(0, 150px, 0);

    -o-transform: translate3d(0, 150px, 0);

}

.t01_social a:nth-child(4) {

    -webkit-transition: all 950ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 950ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 950ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 950ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 950ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 150px, 0);

    -moz-transform: translate3d(0, 150px, 0);

    -webkit-transform: translate3d(0, 150px, 0);

    -ms-transform: translate3d(0, 150px, 0);

    -o-transform: translate3d(0, 150px, 0);

}

.t01_social a:nth-child(05){

    -webkit-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 1100ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 150px, 0);

    -moz-transform: translate3d(0, 150px, 0);

    -webkit-transform: translate3d(0, 150px, 0);

    -ms-transform: translate3d(0, 150px, 0);

    -o-transform: translate3d(0, 150px, 0);

}

.t01_social a:nth-child(06){

    -webkit-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -moz-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -ms-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    -o-transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transition: all 1250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);

    transform: translate3d(0, 150px, 0);

    -moz-transform: translate3d(0, 150px, 0);

    -webkit-transform: translate3d(0, 150px, 0);

    -ms-transform: translate3d(0, 150px, 0);

    -o-transform: translate3d(0, 150px, 0);

}

.team_02:hover .t01_social {

    height: 59px;

}

.team_02:hover .t01_social a {

    transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

}

.t01_social a:hover{

    background: #4091bd;

    border-color: #4091bd;

    color: #fff;

}

.teamSinglePage{

    position: relative;

    padding: 120px 0 90px;

}

.tm-area{

    position: relative;

    padding-right: 50px;

}

.team_thumb{

    position: relative;

    margin: 0 0 44px;

}

.team_thumb img {

    width: 100%;

    border-radius: 5px;

    height: auto;

}

.team_content{

    position: relative;

    padding: 0 0 0;

    margin-left: -25px;

}

.team_content h4{

    font-size: 30px;

    margin: 0 0 0px;

}

.team_content > span{

    display: block;

    text-transform: uppercase;

    color: #4091bd;

    font-size: 14px;

    margin: 0 0 15px;

}

.team_content .t01_social {

    position: relative;

    margin: 0 0 25px;

    visibility: visible;

    opacity: 1;

    height: auto;

    -webkit-transform: none;

    text-align: left;

}

.team_content .t01_social a{

    visibility: visible;

    opacity: 1;

    transform: none;

    margin: 0 7px 0 0;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

.team_content p{

    margin: 0 0 37px;

}

.team_content ul{

    margin: 0 0 35px;

    padding: 24px 30px;

    border-radius: 5px;

    background: #F0F4F9;

}

.team_content ul li{

    list-style: none;

    display: block;

    font-size: 18px;

    line-height: 36px;

    margin: 0;

    float: left;

    width: 50%;

}

.team_content ul li span{

    text-transform: capitalize;

    display: inline-block;

    font-weight: 600;

    color: #081845;

    margin: 0;

}

.team_content ul li a{

    color: inherit;

}

.team_content ul li a:hover{

    color: #4091bd;

}

.faqPage{

    position: relative;

    padding: 120px 0 100px;

}

.faqPage .sec-title{

    margin-bottom: 60px;

}



/*--------------------------------------------------------

/ 11. Contact Page

/---------------------------------------------------------*/

.contactSetion{

    position: relative;

    padding: 150px 0 120px;

}

.icon-box-6{

    position: relative;

    padding: 59px 40px 27px;

    margin: 0 0 120px;

    border: 2px solid #ECECEC;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.icon-box-6 i {

    width: 76px;

    height: 65px;

    background: #4091bd;

    border-radius: 10px;

    text-align: center;

    font-size: 24px;

    line-height: 65px;

    color: #fff;

    position: absolute;

    left: 40px;

    top: -33px;

}

.icon-box-6:hover i {

    animation: bounceIn 1s linear;

    animation-duration: 1s;

    animation-duration: 1s;

}

.icon-box-6 h5{

    font-size: 26px;

    line-height: 30px;

    margin: 0 0 12px;

}

.icon-box-6 p{

    margin: 0;

}

.contactSetion .contact-form {

    position: relative;

    background: #fff;

    border-radius: 0;

    box-shadow: none;

    padding: 0;

}

.contactSetion .iconInput input[type="text"], 

.contactSetion .iconInput input[type="email"], 

.contactSetion .iconInput input[type="url"], 

.contactSetion .iconInput input[type="number"], 

.contactSetion .iconInput textarea{

    border-radius: 0;

    border-color: rgba(8, 76, 148, .1);

    padding-left: 30px;

}

.contactSetion .iconInput textarea{

    height: 170px;

}

.contactSetion .iconInput i{

    right: 30px;

}

.contactSetion .contact-form button{

    width: 200px;

}

.contactSetion .iconInput input.reqError, .contactSetion .iconInput .reqError {

    border-color: #f00;

}

.grap-map{

    position: relative;

    line-height: .8;

    overflow: hidden;

}

.grap-map iframe{

    width: 100%;

    height: 550px;

    border: none;

}

.grayscale iframe{

    -webkit-filter: grayscale(100%); 

    -moz-filter: grayscale(100%); 

    -ms-filter: grayscale(100%); 

    filter: grayscale(100%);

}

.borderTop{

    border-top: 2px solid #f8f8f8;

}



/*--------------------------------------------------------

/ 12. Preloader

/---------------------------------------------------------*/

.preloader {

    background: #081845;

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9999;

}

.loaderInner{

    width: 70px;

    height: 60px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}

.mask {

    position: absolute;

    border-radius: 2px;

    overflow: hidden;

    -webkit-perspective: 1000;

    perspective: 1000;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.plane {

    background: #4091bd;

    width: 400%;

    height: 100%;

    position: absolute;

    -webkit-transform: translate3d(0px, 0, 0);

    transform: translate3d(0px, 0, 0);

    /*transition: all 0.8s ease; */

    z-index: 100;

    -webkit-perspective: 1000;

    perspective: 1000;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.animation {

    transition: all 0.3s ease;

}

#top .plane {

    z-index: 2000;

    -webkit-animation: trans1 1.3s ease-in infinite  0s backwards;

    animation: trans1 1.3s ease-in infinite  0s backwards;

}

#middle .plane {

    -webkit-transform: translate3d(0px, 0, 0);

    transform: translate3d(0px, 0, 0);

    background: #4091bd;

    -webkit-animation: trans2 1.3s linear infinite  0.3s  backwards;

    animation: trans2 1.3s linear infinite  0.3s  backwards;

}

#bottom .plane {

    z-index: 2000;

    -webkit-animation: trans3 1.3s ease-out infinite  0.7s backwards;

    animation: trans3 1.3s ease-out infinite  0.7s backwards;

}

#top {

    width: 53px;

    height: 20px;

    left: 20px;

    -webkit-transform: skew(-15deg, 0);

    transform: skew(-15deg, 0);

    z-index: 100;

}

#middle {

    width: 33px;

    height: 20px;

    left: 20px;

    top: 15px;

    -webkit-transform: skew(-15deg, 40deg);

    transform: skew(-15deg, 40deg);

}

#bottom {

    width: 53px;

    height: 20px;

    top: 30px;

    -webkit-transform: skew(-15deg, 0);

    transform: skew(-15deg, 0);

}

.preloader p {

    color: #4091bd;

    position: absolute;

    left: -3px;

    top: 45px;

    text-align: center;

    font-size: 12px;

    font-weight: 500;

    font-style: italic;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin: 0;

}

@-webkit-keyframes trans1 {

    from {

        -webkit-transform: translate3d(53px, 0, 0);

        transform: translate3d(53px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(-250px, 0, 0);

        transform: translate3d(-250px, 0, 0);

    }

}

@keyframes trans1 {

    from {

        -webkit-transform: translate3d(53px, 0, 0);

        transform: translate3d(53px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(-250px, 0, 0);

        transform: translate3d(-250px, 0, 0);

    }

}

@-webkit-keyframes trans2 {

    from {

        -webkit-transform: translate3d(-160px, 0, 0);

        transform: translate3d(-160px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(53px, 0, 0);

        transform: translate3d(53px, 0, 0);

    }

}

@keyframes trans2 {

    from {

        -webkit-transform: translate3d(-160px, 0, 0);

        transform: translate3d(-160px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(53px, 0, 0);

        transform: translate3d(53px, 0, 0);

    }

}

@-webkit-keyframes trans3 {

    from {

        -webkit-transform: translate3d(53px, 0, 0);

        transform: translate3d(53px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(-220px, 0, 0);

        transform: translate3d(-220px, 0, 0);

    }

}

@keyframes trans3 {

    from {

        -webkit-transform: translate3d(53px, 0, 0);

        transform: translate3d(53px, 0, 0);

    }

    to {

        -webkit-transform: translate3d(-220px, 0, 0);

        transform: translate3d(-220px, 0, 0);

    }

}



/*--------------------------------------------------------

/ 13. Fixed Header

/---------------------------------------------------------*/

.submenu-toggler{

    display: none;

}

.fix-header{

    left: 0;

    position: fixed;

    right: 0;

    top: -1px;

    width: 100%;

    z-index: 99;

    transition: all 0.1s ease-out;

    box-shadow: 0px 13px 15px rgba(0,0,0,0.03);

    -webkit-box-shadow: 0px 13px 15px rgba(0,0,0,0.03);

    -moz-box-shadow: 0px 13px 15px rgba(0,0,0,0.03);

}

.h2.fix-header {

    background: #222F5A;

    border: none;

}