/* @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap"; */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css";


@import "https://fonts.googleapis.com/icon?family=Material+Icons";



body {

    padding: 0;

    margin: 0;

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

    font-size: 15px;

}

.ptb-100 {

    padding-top: 100px;

    padding-bottom: 100px;

}

.ptb-20 {

    padding-top: 40px;

    padding-bottom: 40px;

}

a {

    display: block;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    text-decoration: none;

    outline: 0;

}

a:hover,

a:focus {

    color: #02298a;

    text-decoration: none;

    outline: 0;

}
.img-boxess .img-contbx{
    padding: 0.2rem 0.5rem;
   
}
.cu-sec p{
    color: #777!important;
}
.cu-sec .fws p{
    text-align: center;
}
.cu-section-title h2{
    color: #515d83;
    font-size: 36px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}
.cu-section-title-left h2{
    color: #515d83;
    font-size: 36px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: left;
}
.h3-sty{
  color: #515d83;
  font-size: 29px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;

}
.h4-sty{
  color: #515d83;
  font-size: 25px;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 10px;

}
.fstr{
    width: 100%;
    margin: 8px 0px;
}
.cfstr{
    width: 100%;
    margin: 60px 0px;
}

.d-table {

    height: 100%;

    width: 100%;

}

.d-table-cell {

    vertical-align: middle;

}

img {

    max-width: 100%;

}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    color: #141414;

}

p {

    color: #777;

    line-height: 1.8;

    margin-bottom: 15px;

    font-size: 16px;

}

p:last-child {

    margin-bottom: 0;

}

.bg-f8f8f8 {

    background-color: #f8f8f8;

}

.bg-fffcf7 {

    background-color: #fffcf7;

}

.btn {

    border: 1px solid;

    position: relative;

    border-radius: 5px;

    padding: 12px 25px 13px;

    line-height: initial;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    overflow: hidden;

    z-index: 1;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

}

.btn.disabled,

.btn:disabled {

    opacity: 1;

}

.btn-primary {

    color: #fff;

    border-color: #02298a;

    background: 0 0;

}

.btn-primary::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    /* background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79); */

    background: #30415E;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.btn-primary::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: rgb(225,1,1);

    background: linear-gradient(0deg, rgba(225,1,1,1) 0%, rgba(220,0,0,1) 66%, rgba(176,0,0,1) 100%);     -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show > .btn-primary.dropdown-toggle {

    color: #fff;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    background: 0 0;

    border-radius: 0;

    border-color: #df0000;

}

.btn-primary:not(:disabled):not(.disabled).active::before,

.btn-primary:not(:disabled):not(.disabled):active::before,

.show > .btn-primary.dropdown-toggle::before {

    opacity: 0;

    visibility: hidden;

    border-radius: 0;

}

.btn-primary:not(:disabled):not(.disabled).active::after,

.btn-primary:not(:disabled):not(.disabled):active::after,

.show > .btn-primary.dropdown-toggle::after {

    opacity: 1;

    visibility: visible;

    border-radius: 0;

}

.btn-primary:not(:disabled):not(.disabled).active:focus,

.btn-primary:not(:disabled):not(.disabled):active:focus,

.show > .btn-primary.dropdown-toggle:focus {

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.btn-primary:hover,

.btn-primary:focus {

    color: #fff;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    background: 0 0;

    border-radius: 0;

    border-color: #df0000;

}

.btn-primary:hover::before,

.btn-primary:focus::before {

    opacity: 0;

    visibility: hidden;

    border-radius: 0;

}

.btn-primary:hover::after,

.btn-primary:focus::after {

    opacity: 1;

    visibility: visible;

    border-radius: 0;

}

.btn-secondary {

    border-color: #02298a;

    color: #02298a;

    background: 0 0;

}

.btn-secondary::before {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    width: 0;

    height: 100%;

    z-index: -1;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

    border-radius: 5px;

}

.btn-secondary:not(:disabled):not(.disabled).active,

.btn-secondary:not(:disabled):not(.disabled):active,

.show > .btn-secondary.dropdown-toggle {

    color: #fff;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    background: #02298a;

}

.btn-secondary:not(:disabled):not(.disabled).active::before,

.btn-secondary:not(:disabled):not(.disabled):active::before,

.show > .btn-secondary.dropdown-toggle::before {

    opacity: 1;

    visibility: visible;

    left: 0;

    width: 100%;

}

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.btn-secondary:not(:disabled):not(.disabled):active:focus,

.show > .btn-secondary.dropdown-toggle:focus {

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.btn-secondary:hover,

.btn-secondary:focus {

    color: #fff;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    background: 0 0;

    border-radius: 0;

}

.btn-secondary:hover::before,

.btn-secondary:focus::before {

    opacity: 1;

    visibility: visible;

    left: 0;

    width: 100%;

    border-radius: 0;

}

.section-title {

    position: relative;

    z-index: 1;

    margin-bottom: 60px;

}

.section-title span {

    color: #02298a;

    font-size: 14px;

    text-transform: uppercase;

    display: block;

}

.section-title h2 {

    font-size: 36px;

    font-weight: 700;

    margin-top: 5px;

    margin-bottom: 10px;

    color: #fff;

}

.section-title p {

    margin-bottom: 0;

    max-width: 650px;

    color: #fff;

}

.section-title .btn {

    position: absolute;

    right: 0;

    bottom: 0;

}



.section-title.text-center {

    max-width: 620px;

    margin-left: auto;

    margin-right: auto;

}

.section-title.text-center img {

    margin: 0 auto;

    right: 0;

}

.section-title.text-center p {

    max-width: 525px;

    margin-left: auto;

    margin-right: auto;

}

.section-title.optional-color span {

    color: #df0000;

}

.form-control {

    height: 45px;

    border: 1px solid #eee;

    background-color: transparent;

    border-radius: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    color: #141414;

    line-height: initial;

    padding-left: 13px;

    font-size: 14px;

}

.form-control:hover,

.form-control:focus {

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.form-control::-webkit-input-placeholder {

    color: #999;

}

.form-control:-ms-input-placeholder {

    color: #999;

}

.form-control::-ms-input-placeholder {

    color: #999;

}

.form-control::placeholder {

    color: #999;

}

.form-control:focus {

    -webkit-box-shadow: unset;

    box-shadow: unset;

    border-color: #02298a;

}

.preloader {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 9999999;

    background: #fff;

    text-align: center;

}

.preloader .loader {

    position: absolute;

    top: 35%;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 100px;

    height: 150px;

}

.preloader .loader .icon {

    display: inline-block;

    -webkit-animation: rotation 2s infinite linear;

    animation: rotation 2s infinite linear;

}

.preloader .loader .icon:nth-child(1) {

    position: absolute;

    left: 0;

    top: 0;

}

.preloader .loader .icon:nth-child(1) i {

    color: #02298a;

}

.preloader .loader .icon:nth-child(1) i::before {

    font-size: 65px;

}

.preloader .loader .icon:nth-child(2) {

    position: absolute;

    right: -1px;

    top: 62px;

}

.preloader .loader .icon:nth-child(2) i {

    font-size: 40px;

    color: #02298a;

}

.preloader .loader .icon:nth-child(3) {

    position: absolute;

    left: 15px;

    bottom: 2px;

}

.preloader .loader .icon:nth-child(3) i {

    color: #df0000;

}

.preloader .loader .icon:nth-child(3) i::before {

    font-size: 50px;

}

@-webkit-keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}

@keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}

.top-header {

    overflow: hidden;

    background: #d3d3d3;

}

.top-header .nav-list {

    list-style-type: none;

    display: inline-block;

    margin-bottom: 0;

    margin-right: 15px;

    border-right: 2px solid #0043c5;

    padding-left: 0;

    padding-right: 15px;

}

.top-header .nav-list li {

    display: inline-block;

    position: relative;

    font-size: 14px;

    margin-right: 20px;

}

.top-header .nav-list li a {

    color: #fff;

}

.top-header .nav-list li::before {

    content: "";

    position: absolute;

    right: -15px;

    top: 50%;

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

    transform: translateY(-50%);

    width: 5px;

    height: 5px;

    background: #fff;

    border-radius: 50%;

}

.top-header .nav-list li:last-child {

    margin-right: 0;

}

.top-header .nav-list li:last-child::before {

    display: none;

}

.top-header .social {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    display: inline-block;

}

.top-header .social li {

    display: inline-block;

    margin-right: 10px;

    font-size: 14px;

}

.top-header .social li a {

    color: #fff;

}

.top-header .social li a:hover {

    -webkit-transform: translateY(-2px);

    transform: translateY(-2px);

    color: #df0000;

}

.top-header .social li:last-child {

    margin-right: 0;

}

.top-header .top-header-content {

    z-index: 1;

    position: relative;

    padding-top: 5px;

padding-bottom: 6px;

}

.top-header .top-header-content::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: #fff;

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

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

}





.top-header .top-header-content::after {

    content: "";

    position: absolute;

    left: -520px;

    top: 0;

    width: 540px;

    height: 100%;

    z-index: -1;

    background: #fff;

}



.top-header-content-qoute {

    z-index: 1;

    position: relative;

    padding-top: 26px;

    padding-bottom: 26px;

    height: 100%;

}



.top-header-content-qoute::after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background:#456b8f;

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

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

}





.top-header-content-qoute::before {

    content: "";

    position: absolute;

    right: -120px;

    top: 0;

    width: 140px;

    height: 100%;

    z-index: -1;

    background: #456b8f;

}







.top-header-content-right {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: #393c43;

    

}

.top-header .header-info {

    text-align: right;

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.top-header .header-info li {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    margin-right: 15px;

    font-weight: 600; border-right: 1px solid #dee1e8;

    padding-right: 20px;

}

.top-header .header-info li:last-child { border-right: 0px solid #fff;}

.quote { text-align: center; color: #fff;}

.quote a { text-align: center; color: #fff;}

.top-header .header-info li i {

    color: #df0000;

    margin-right: 4px;

}

.top-header .header-info li:last-child {

    margin-right: 0;

}

.top-header-style-two {

    border-bottom: 1px solid #e7e7e7;

    background-color: #f8f8f8;

    padding-left: 80px;

    padding-right: 80px;

}

.top-header-style-two .header-info {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.top-header-style-two .header-info li {

    display: inline-block;

    color: #777;

    font-size: 14px;

    margin-right: 15px;

}

.top-header-style-two .header-info li i {

    color: #df0000;

    margin-right: 2px;

}

.top-header-style-two .header-info li:last-child {

    margin-right: 0;

}

.top-header-style-two .header-info-right {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    text-align: right;

}

.top-header-style-two .header-info-right li {

    display: inline-block;

    text-align: left;

    position: relative;

    margin-right: 25px;

    padding-left: 32px;

}

.top-header-style-two .header-info-right li span a {

    font-weight: 700;

    display: inline-block;

    color: #141414;

}

.top-header-style-two .header-info-right li i {

    color: #df0000;

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.top-header-style-two .header-info-right li i::before {

    font-size: 22px;

}

.top-header-style-two .header-info-right li .btn-primary {

    border: none;

    color: #fff;

    border-color: #df0000;

    background: 0 0;

    border-radius: 0;

    padding: 14px 25px 15px;

}

.top-header-style-two .header-info-right li .btn-primary::before {

    background: rgb(225,1,1);

    background: linear-gradient(0deg, rgba(225,1,1,1) 0%, rgba(220,0,0,1) 66%, rgba(176,0,0,1) 100%); }

.top-header-style-two .header-info-right li .btn-primary::after {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.top-header-style-two .header-info-right li .btn-primary:not(:disabled):not(.disabled).active,

.top-header-style-two .header-info-right li .btn-primary:not(:disabled):not(.disabled):active,

.show > .top-header-style-two .header-info-right li .btn-primary.dropdown-toggle {

    border-color: #02298a;

}

.top-header-style-two .header-info-right li .btn-primary:hover,

.top-header-style-two .header-info-right li .btn-primary:focus {

    border-color: #02298a;

}

.top-header-style-two .header-info-right li:nth-child(2) span a {

    color: #ae0000;

}

.top-header-style-two .header-info-right li:last-child {

    padding-left: 0;

    margin-right: 0;

}

.middle-header {

    padding-top: 15px;

    padding-bottom: 15px;

}

.middle-header ul {

    text-align: right;

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    position: relative;

    top: 8px;

}

.middle-header ul li {

    display: inline-block;

    position: relative;

    text-align: left;

    padding-left: 55px;

    text-transform: uppercase;

    font-size: 14px;

    color: #141414;

    margin-right: 25px;

}

.middle-header ul li span {

    display: block;

    font-size: 17px;

    font-weight: 700;

    color: #02298a;

}

.middle-header ul li i {

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.middle-header ul li i::before {

    font-size: 35px;

}

.middle-header ul li:nth-child(2) span {

    color: #ae0000;

    font-size: 19px;

}

.middle-header ul li:last-child {

    margin-right: 0;

    padding-left: 0;

}

.middle-header ul li .btn {

    top: -13px;

}

.middle-header ul li .btn-primary {

    color: #fff;

    border-color: #df0000;

    background: 0 0;

}

.middle-header ul li .btn-primary::before {

    background: rgb(225,1,1);

    background: linear-gradient(0deg, rgba(225,1,1,1) 0%, rgba(220,0,0,1) 66%, rgba(176,0,0,1) 100%); 

}

.middle-header ul li .btn-primary::after {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.middle-header ul li .btn-primary:not(:disabled):not(.disabled).active,

.middle-header ul li .btn-primary:not(:disabled):not(.disabled):active,

.show > .middle-header ul li .btn-primary.dropdown-toggle {

    border-color: #02298a;

}

.middle-header ul li .btn-primary:hover,

.middle-header ul li .btn-primary:focus {

    border-color: #02298a;

}

.fennec-mobile-nav {

    display: none;

}

.fennec-mobile-nav.mean-container .mean-nav ul li a.active {

    color: #02298a;

}

.fennec-mobile-nav .others-option {

    position: absolute;

    text-align: center;

    right: 48px;

    top: 14px;

    width: 21%;

}

.fennec-mobile-nav .others-option .option-item {

    color: #141414;

    display: inline-block;

    margin-right: 10px;

    position: relative;

    line-height: initial;

}

.fennec-mobile-nav .others-option .option-item:last-child {

    margin-right: 0;

}

.fennec-mobile-nav .others-option .option-item .search-btn {

    cursor: pointer;

}

.fennec-mobile-nav .others-option .option-item .search-btn::before {

    font-size: 17px;

}

.fennec-mobile-nav .others-option .option-item .close-btn {

    cursor: pointer;

    display: none;

    font-size: 17px;

}

.fennec-mobile-nav .others-option .option-item .close-btn.active {

    display: block;

}

.fennec-mobile-nav .others-option .option-item a {

    color: #141414;

}

.fennec-mobile-nav .others-option .option-item a i::before {

    font-size: 17px;

}

.fennec-mobile-nav .others-option .option-item a span {

    display: inline-block;

    width: 15px;

    height: 15px;

    background: rgb(225,1,1);

background: linear-gradient(0deg, rgba(225,1,1,1) 0%, rgba(220,0,0,1) 66%, rgba(176,0,0,1) 100%); 

    border-radius: 50%;

    text-align: center;

    color: #fff;

    line-height: 15px;

    font-weight: 600;

    font-size: 10px;

    position: relative;

    top: -12px;

    left: -12px;

}

.fennec-mobile-nav .navbar-nav {

    overflow-y: auto;

    height: 428px;

}

.fennec-mobile-nav .search-overlay.search-popup {

    width: 265px;

    right: -95px;

    margin-top: 23px;

}

.fennec-mobile-nav .search-overlay.search-popup .search-form .search-input {

    width: 95%;

}

.navbar-area.is-sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    background: rgb(91, 134, 175);

    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

}

.navbar-area.is-sticky .fennec-nav {

    background: rgb(91, 134, 175);

}

.navbar-brand {

    padding-top: 0;

    padding-bottom: 0;

}

.fennec-nav {

    /* background: rgb(225,1,1);

background: linear-gradient(0deg, rgba(225,1,1,1) 0%, rgba(220,0,0,1) 66%, rgba(176,0,0,1) 100%);  */

    background: #5b86af;

    padding-top: 0;

    padding-bottom: 0;

    position: absolute;

width: 60%;

float: inherit;

z-index: 99;

right: 0;

  

}

.fennec-nav .navbar {

    padding: 0;

}

.fennec-nav .navbar ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.fennec-nav .navbar .navbar-nav .nav-item {

    position: relative;

    padding: 0;

}

.fennec-nav .navbar .navbar-nav .nav-item a {

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    text-transform: uppercase;

    padding: 20px 12px;

    position: relative;

    z-index: 1;

    margin: 0;

}

.fennec-nav .navbar .navbar-nav .nav-item a i {

    margin-left: 1px;

}

.fennec-nav .navbar .navbar-nav .nav-item a i::before {

    font-size: 11px;

}

.fennec-nav .navbar .navbar-nav .nav-item a::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.fennec-nav .navbar .navbar-nav .nav-item a:hover,

.fennec-nav .navbar .navbar-nav .nav-item a:focus,

.fennec-nav .navbar .navbar-nav .nav-item a.active {

    color: #fff;

}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before,

.fennec-nav .navbar .navbar-nav .nav-item a:focus::before,

.fennec-nav .navbar .navbar-nav .nav-item a.active::before {

    opacity: 1;

    visibility: visible;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {

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

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

    background: #fff;

    position: absolute;

    border: none;

    top: 80px;

    left: 0;

    width: 250px;

    z-index: 99;

    display: block;

    opacity: 0;

    visibility: hidden;

    border-radius: 0;

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

    transition: all 0.3s ease-in-out;

    padding-top: 15px;

    padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 15px;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {

    text-transform: capitalize;

    padding: 5px 15px;

    display: block;

    color: #141414;

    margin-top: 6px;

    font-size: 15px;

    font-weight: 600;

}





.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {

    display: none;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {

    position: absolute;

    content: "";

    height: 100%;

    width: 3px;

    left: -5px;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

    top: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {

    color: #02298a;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after,

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after,

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {

    margin-top: 0;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

    left: -250px;

    top: 0;

    opacity: 0;

    visibility: hidden;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {

    left: 220px;

    top: 0;

    opacity: 0;

    visibility: hidden;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;

    top: -15px;

}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;

    top: -15px;

}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {

    opacity: 1;

    visibility: visible;

    top: 100%;

    margin-top: 0;

}

.fennec-nav .others-option {

    margin-left: auto;

}

.fennec-nav .others-option .option-item {

    color: #141414;

    display: inline-block;

    margin-right: 15px;

    position: relative;

    line-height: initial;

}

.fennec-nav .others-option .option-item:last-child {

    margin-right: 0;

}

.fennec-nav .others-option .option-item .search-btn {

    cursor: pointer;

}

.fennec-nav .others-option .option-item .search-btn::before {

    font-size: 20px;

}

.fennec-nav .others-option .option-item .close-btn {

    cursor: pointer;

    display: none;

    font-size: 20px;

}

.fennec-nav .others-option .option-item .close-btn.active {

    display: block;

}

.fennec-nav .others-option .option-item a {

    color: #141414;

}

.fennec-nav .others-option .option-item a i::before {

    font-size: 20px;

}

.fennec-nav .others-option .option-item a span {

    display: inline-block;

    width: 15px;

    height: 15px;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    border-radius: 50%;

    text-align: center;

    color: #fff;

    line-height: 15px;

    font-weight: 600;

    font-size: 10px;

    position: relative;

    top: -12px;

    left: -12px;

}

.search-overlay {

    display: none;

}

.search-overlay.search-popup {

    position: absolute;

    top: 100%;

    width: 300px;

    right: 0;

    background: #fff;

    z-index: 2;

    padding: 20px;

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

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

    margin-top: 20px;

}

.search-overlay.search-popup .search-form {

    position: relative;

}

.search-overlay.search-popup .search-form .search-input {

    display: block;

    width: 100%;

    height: 40px;

    line-height: initial;

    border: 1px solid #eee;

    padding-left: 10px;

    color: #141414;

    outline: 0;

}

.search-overlay.search-popup .search-form .search-button {

    position: absolute;

    right: 0;

    top: 0;

    height: 40px;

    background: 0 0;

    border: none;

    width: 40px;

    outline: 0;

    color: #777;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.search-overlay.search-popup .search-form .search-button:hover,

.search-overlay.search-popup .search-form .search-button:focus {

    color: #141414;

}

.navbar-style-two {

    background-color: #f8f8f8;

}

.navbar-style-two .fennec-nav {

    background-color: #f8f8f8;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 80px;

    padding-right: 80px;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav {

    margin-left: auto;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item {

    padding-top: 15px;

    padding-bottom: 15px;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a {

    padding: 0;

    margin: 0 12px;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a i {

    color: #666;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a::before {

    display: none;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover,

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus,

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active {

    color: #df0000;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover i,

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus i,

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active i {

    color: #df0000;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:first-child a {

    margin-left: 0;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:last-child a {

    margin-right: 0;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {

    padding: 0;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {

    margin-top: 6px;

    margin-left: 0;

    margin-right: 0;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::after {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {

    color: #df0000;

}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {

    margin-top: 0;

}

.navbar-style-two .fennec-nav .others-option {

    margin-left: 22px;

}

.navbar-style-two.is-sticky .fennec-nav {

    padding-top: 10px;

    padding-bottom: 10px;

}



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

Main Banner Area CSS

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

.main-banner {

    position: relative;

    z-index: 1;

    padding-top: 200px;

    padding-bottom: 417px !important;

    background-position: center center;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 80vh;

    text-align: left !important;

  

  }



  @media(max-width:1400px){

    .main-banner {

        position: relative;

        z-index: 1;

        padding-top: 250px;

        background-size: cover;

        background-position: center center;

        background-repeat: no-repeat;

        padding-bottom: 276px !important;

        text-align: left !important;

    }

  }

  

  .main-banner.extra-pb {

    padding-bottom: 260px;

  }

  

  .main-banner::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: 0.4;

    z-index: -1;

  }

  

  .main-banner-content {

    max-width: 600px;

  }

  

  .main-banner-content h1 {

    color: #ffffff;

    margin-bottom: 15px;

    font-size: 55px;

    font-weight: 700;

    text-align: left;

    line-height: 1;

  }

  

  .main-banner-content p {

    color: #ffffff;

    opacity: .95;

    font-size: 16px;

    margin-bottom: 30px;

  }

  

  .main-banner-content .btn {

    border: none;

    padding: 14px 25px 15px;

  }

  

  .home-slides.owl-theme .owl-nav {

    margin-top: 0;

    line-height: .01;

  }

  

  .home-slides.owl-theme .owl-nav [class*=owl-] {

    position: absolute;

    left: 100px;

    top: 50%;

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

            transform: translateY(-50%);

    margin: 0;

    padding: 0 !important;

    background-color: #343030;

    width: 45px;

    height: 45px;

    line-height: 45px;

    color: #ffffff;

    border-radius: 5px;

    z-index: 1;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    outline: 0;

    font-size: 16px;

    opacity: 0;

    visibility: hidden;

  }

  

  .home-slides.owl-theme .owl-nav [class*=owl-]::before {

    content: '';

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    left: 0;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    border-radius: 5px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

  }

  

  .home-slides.owl-theme .owl-nav [class*=owl-].owl-next {

    left: auto;

    right: 100px;

  }

  

  .home-slides.owl-theme .owl-nav [class*=owl-]:hover::before {

    opacity: 1;

    visibility: visible;

  }

  

  .home-slides.owl-theme .owl-nav.disabled + .owl-dots {

    line-height: initial;

    margin-top: 0;

    margin-bottom: 30px;

  }

  

  .home-slides.owl-theme:hover .owl-nav [class*=owl-] {

    opacity: 1;

    visibility: visible;

    left: 20px;

  }

  

  .home-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next {

    left: auto;

    right: 20px;

  }

  

  .home-slides.owl-theme .owl-dots {

    position: absolute;

    left: 115px;

    bottom: 200px;

  }

  

  .home-slides.owl-theme .owl-dots .owl-dot {

    -webkit-box-shadow: unset;

            box-shadow: unset;

    outline: 0;

  }

  

  .home-slides.owl-theme .owl-dots .owl-dot span {

    margin: 0 3px;

    width: 20px;

    background: #9d9d9d;

    border-radius: 0;

    height: 2px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .home-slides.owl-theme .owl-dots .owl-dot.active span {

    background: #df0000;

    width: 35px;

  }

  

  .home-slides-two.owl-theme .owl-nav {

    margin-top: 0;

    line-height: .01;

    position: absolute;

    width: 235px;

    bottom: 47px;

    left: 0;

    right: 0;

    margin: 0 auto;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    border-radius: 5px;

    padding: 25px 20px;

    z-index: 3;

  }

  

  .home-slides-two.owl-theme .owl-nav [class*=owl-] {

    margin: 0;

    padding: 0 !important;

    background-color: #adadad;

    width: 45px;

    height: 45px;

    line-height: 45px;

    color: #ffffff;

    border-radius: 5px;

    z-index: 1;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    outline: 0;

    position: relative;

    margin-right: 45px;

  }

  

  .home-slides-two.owl-theme .owl-nav [class*=owl-] i::before {

    font-size: 18px;

  }

  

  .home-slides-two.owl-theme .owl-nav [class*=owl-]::before {

    content: '';

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    left: 0;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    border-radius: 5px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

  }

  

  .home-slides-two.owl-theme .owl-nav [class*=owl-].owl-next {

    margin-left: 45px;

    margin-right: 0;

  }

  

  .home-slides-two.owl-theme .owl-nav [class*=owl-]:hover::before {

    opacity: 1;

    visibility: visible;

  }

  

  .home-slides-two.owl-theme .owl-dots {

    position: absolute;

    left: 115px;

    bottom: 210px;

  }

  

  .home-slides-two.owl-theme .owl-dots .owl-dot {

    -webkit-box-shadow: unset;

            box-shadow: unset;

    outline: 0;

  }

  

  .home-slides-two.owl-theme .owl-dots .owl-dot span {

    margin: 0 3px;

    width: 20px;

    background: #9d9d9d;

    border-radius: 0;

    height: 2px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

  }

  

  .home-slides-two.owl-theme .owl-dots .owl-dot.active span {

    background: #df0000;

    width: 35px;

  }

  

  .home-area {

    position: relative;

  }



.main-banner-two {

    background-image: url(../img/banner-shape.png);

    background-position: bottom;

    background-size: cover;

    background-repeat: no-repeat;

    padding-top: 20px;

    padding-left: 145px;

    padding-right: 145px;

    padding-bottom: 140px;

}

.hero-content h1 {

    margin-bottom: 15px;

    font-size: 55px;

    font-weight: 700;

}

.hero-content p {

    font-size: 16px;

    margin-bottom: 25px;

    max-width: 560px;

}

.hero-content .btn {

    border: none;

    padding: 14px 25px 15px;

}

.hero-content .btn-primary {

    color: #fff;

    border-color: #df0000;

    background: 0 0;

}

.hero-content .btn-primary::before {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.hero-content .btn-primary::after {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.hero-content .btn-primary:not(:disabled):not(.disabled).active,

.hero-content .btn-primary:not(:disabled):not(.disabled):active,

.show > .hero-content .btn-primary.dropdown-toggle {

    border-color: #02298a;

}

.hero-content .btn-primary:hover,

.hero-content .btn-primary:focus {

    border-color: #02298a;

}

.item-bg1 {

    background-image: url(../img/homeslide1.jpg);

  

}

.item-bg2 {

    background-image: url(../img/slider02.jpg);

}

.item-bg3 {

    background-image: url(../img/slider03.jpg);

}

.item-bg4 {

    background-image: url(../img/slider04.jpg);

}

.item-bg5{

    background-image: url(../img/slider05.jpg);

}

.item-bg6{

    background-image: url(../img/slider06.jpg);

}

.scroll-down {

    position: absolute;

    left: 0;

    bottom: -27px;

    right: 0;

    text-align: center;

    margin: 0 auto;

    z-index: 1;

    width: 55px;

}

.scroll-down span {

    display: block;

    color: #d8d8d8;

    margin-bottom: 2px;

    font-size: 20px;

    font-style: italic;

}

.scroll-down i {

    font-size: 20px;

    -webkit-animation: bounce 1000ms ease infinite;

    animation: bounce 1000ms ease infinite;

    color: #df0000;

}

@-webkit-keyframes bounce {

    0%,

    100% {

        top: 9px;

        opacity: 0.5;

    }

    25% {

        top: 12px;

        opacity: 1;

    }

    50% {

        opacity: 0.8;

    }

}

@keyframes bounce {

    0%,

    100% {

        top: 9px;

        opacity: 0.5;

    }

    25% {

        top: 12px;

        opacity: 1;

    }

    50% {

        opacity: 0.8;

    }

}

.boxes-area {

    background-color: transparent;

    position: relative;

    z-index: 1;

    margin-top: 0px;

}

.boxes-area::before {

    content: "";

    position: absolute;

    top: 100px;

    left: 0;

    background: url(../../assets/img/line.jpg);

    z-index: -1;

    width: 100%;

    height: 100px;

}

.single-box {

    text-align: left;

    background-color: #fff;

    padding: 35px 25px;

    position: relative;

    z-index: 1;

    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

    min-height: 250px; margin-bottom: 10px;

}

.single-box::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: -1;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    opacity: 0;

    visibility: hidden;

}

.single-box .icon {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

    line-height: 80px;

    border: 1px solid #a2c8ef;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 1;

    color: #fff;

}

.single-box .icon::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    z-index: -1;

    border-radius: 50%;

    margin: 3px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-box .icon::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    z-index: -1;

    border-radius: 50%;

    margin: 3px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.single-box .icon i::before {

    font-size: 30px;

}

.single-box h3 {

    font-size: 22px;

    font-weight: 700;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    line-height: 1.5;

    margin-bottom: 15px;

    margin-top: 20px;

    color: #515d83;



}

.single-box p {

    margin-bottom: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-box .read-more-btn {

    margin-top: 20px;

}

/* .single-box:hover::before {

    opacity: 1;

    visibility: visible;

}

.single-box:hover .icon {

    border-color: #586186;

}

.single-box:hover .icon::after {

    opacity: 1;

    visibility: visible;

}

.single-box:hover .icon::before {

    opacity: 0;

    visibility: hidden;

}

.single-box:hover h3 {

    color: #fff;

}

.single-box:hover p {

    color: #fff;

} */

.single-box:hover .read-more-btn {

    color: #fff;

}

.single-box:hover .read-more-btn::before {

    background: #fff;

}

.boxes-style-two {

    background-color: transparent;

    position: relative;

    z-index: 1;

    margin-top: -100px;

}

.single-box-item {

    text-align: center;

    background-color: #fff;

    padding: 35px 20px;

    position: relative;

    z-index: 1;

    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

    border-radius: 5px;

}

.single-box-item::before {

    border-radius: 5px;

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: -1;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    opacity: 0;

    visibility: hidden;

}

.single-box-item .icon {

    display: inline-block;

    position: relative;

    width: 80px;

    height: 80px;

    line-height: 80px;

    border: 1px solid #fdd3b3;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 1;

    color: #fff;

}

.single-box-item .icon::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    z-index: -1;

    border-radius: 50%;

    margin: 3px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-box-item .icon::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    z-index: -1;

    border-radius: 50%;

    margin: 3px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.single-box-item .icon i::before {

    font-size: 30px;

}

.single-box-item h3 {

    font-size: 22px;

    font-weight: 700;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    line-height: 1.5;

    margin-bottom: 15px;

    margin-top: 20px;

}

.single-box-item p {

    margin-bottom: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-box-item .read-more-btn {

    margin-top: 20px;

    color: #df0000;

}

.single-box-item .read-more-btn::before {

    background: #df0000;

}

.single-box-item:hover::before {

    opacity: 1;

    visibility: visible;

}

.single-box-item:hover .icon {

    border-color: #f9a067;

    color: #df0000;

}

.single-box-item:hover .icon::after {

    opacity: 1;

    visibility: visible;

}

.single-box-item:hover .icon::before {

    opacity: 0;

    visibility: hidden;

}

.single-box-item:hover h3 {

    color: #fff;

}

.single-box-item:hover p {

    color: #fff !important;

}

.single-box-item:hover ul li {

    color: #fff !important;

}

.single-box-item:hover .read-more-btn {

    color: #fff;

}

.single-box-item:hover .read-more-btn::before {

    background: #fff;

}

.single-box:hover ul li {

    color: #fff !important;

}

.single-box ul li {

    margin-left: -0.9rem !important;

}

.col-lg-4.col-md-6:nth-child(2) .single-box::before {

    opacity: 1;

    visibility: visible;

}

.col-lg-4.col-md-6:nth-child(2) .single-box .icon {

    border-color: #586186;

}

.col-lg-4.col-md-6:nth-child(2) .single-box .icon::after {

    opacity: 1;

    visibility: visible;

}

.col-lg-4.col-md-6:nth-child(2) .single-box .icon::before {

    opacity: 0;

    visibility: hidden;

}

.col-lg-4.col-md-6:nth-child(2) .single-box h3 {

    color: #fff;

}

.col-lg-4.col-md-6:nth-child(2) .single-box p {

    color: #fff;

}

.col-lg-4.col-md-6:nth-child(2) .single-box .read-more-btn {

    color: #fff;

}

.col-lg-4.col-md-6:nth-child(2) .single-box .read-more-btn::before {

    background: #fff;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item::before {

    opacity: 1;

    visibility: visible;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item .icon {

    border-color: #f9a067;

    color: #df0000;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item .icon::after {

    opacity: 1;

    visibility: visible;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item .icon::before {

    opacity: 0;

    visibility: hidden;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item h3 {

    color: #fff;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item p {

    color: #fff;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item .read-more-btn {

    color: #fff;

}

.col-lg-4.col-md-6:nth-child(2) .single-box-item .read-more-btn::before {

    background: #fff;

}

.about-area {

    position: relative;

    z-index: 1;

}

.about-image {

    position: relative;

    padding-bottom: 290px;

}

.about-image img {

    border-radius: 5px;

}

.about-image img:nth-child(2) {

    position: absolute;

    bottom: 0;

    right: 10px;

}

.about-content {

    padding-left: 15px;

}

.about-content .section-title {

    margin-bottom: 25px;

}

.about-content .section-title p {

    margin-top: 0;

}

.about-content ul {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    list-style-type: none;

    margin-right: -10px;

    margin-bottom: 5px;

    margin-top: -10px;

}

.about-content ul li {

    -ms-flex: 0 0 100%;

    -webkit-box-flex: 0;

    flex: 0 0 100%;

    max-width: 100%;

    margin-top: 15px;

    font-weight: 600;

    color: #fff;

    position: relative;

    padding-right: 10px;

    padding-left: 36px;

}

.about-content ul li i {

    color: #df0000;

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.about-content p {

    margin-top: 15px;

    margin-bottom: 0;

}

.about-content .btn {

    margin-top: 22px;

}

.about-content.optional-color {

    padding-left: 0;

}

.about-content.optional-color .btn-primary {

    color: #fff;

    border-color: #df0000;

    background: 0 0;

}

.about-content.optional-color .btn-primary::before {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.about-content.optional-color .btn-primary::after {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.about-content.optional-color .btn-primary:not(:disabled):not(.disabled).active,

.about-content.optional-color .btn-primary:not(:disabled):not(.disabled):active,

.show > .about-content.optional-color .btn-primary.dropdown-toggle {

    border-color: #02298a;

}

.about-content.optional-color .btn-primary:hover,

.about-content.optional-color .btn-primary:focus {

    border-color: #02298a;

}

.shape-box1 {

    position: absolute;

    z-index: -1;

    left: 0;

    bottom: 0;

}

.shape-box1 img {

    opacity: 0.05;

}

.about-company-content {

    background:#fff;

    z-index: 1;

    margin-top: 0px;

    margin-bottom: 0px;

    padding-top: 70px;

    padding-bottom: 70px;

    padding-left: 40px;  padding-right: 30px;

}



.about-company-content .inner-content {

    max-width: 635px;

    margin-left: auto;

}

.about-company-content .section-title {

    margin-bottom: 25px;

    color: #515d83;

}

.about-company-content .section-title span {

    color: #df0000;

}

.about-company-content .section-title h2 {

    color: #515d83;

}

.about-company-content .section-title p {

    margin-top: 0;

    color: #515d83;

}

.about-company-content .section-title img {

    display: none;

}

.about-company-content ul {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    list-style-type: none;

    margin-right: -10px;

    margin-bottom: 0;

    margin-top: -10px;

}

.about-company-content ul li {

    -ms-flex: 0 0 50%;

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

    margin-top: 10px;

    font-weight: 600;

    color: #fff;

    position: relative;

    padding-left: 22px;

    padding-right: 10px;

}

.about-company-content ul li i {

    color: #df0000;

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.about-company-content p {

    color: #fff;

    margin-top: 20px;

    margin-bottom: 0;

}

.about-company-content .btn {

    margin-top: 22px;

}

.about-company-content .btn-primary {

    color: #fff;

    border-color: #df0000;

    background: 0 0;

}

.about-company-content .btn-primary::before {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.about-company-content .btn-primary::after {

    background: #fff;

}

.about-company-content .btn-primary:not(:disabled):not(.disabled).active,

.about-company-content .btn-primary:not(:disabled):not(.disabled):active,

.show > .about-company-content .btn-primary.dropdown-toggle {

    border-color: #fff;

    color: #02298a;

}

.about-company-content .btn-primary:hover,

.about-company-content .btn-primary:focus {

    border-color: #fff;

    color: #02298a;

}

.about-company-content::after {

    content: "";

    position: absolute;

    background: url(../../assets/img/shape2-black.png);

    bottom: 0;

    left: 0;

    width: 670px;

    height: 100%;

    opacity: 0.6;

    z-index: -1;

}

.about-company-video {

    position: relative;

    width: 100%;

    height: 100%;

    background-image: url(../img/abouts.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.about-company-video img {

    display: none;

}

.about-company-video .video-btn {

    position: absolute;

    right: 0;

    left: 0;

    text-align: center;

    margin: 0 auto;

    top: 50%;

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

    transform: translateY(-50%);

    display: inline-block;

    color: #fff;

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

    width:80px;

    height: 80px;

    line-height: 80px;

    border-radius: 50%;

}

.about-company-video .video-btn i::before {

    font-size: 40px;

}



.about-company-video .video-btn:hover,

.about-company-video .video-btn:focus {

    color: #fff;

    background-color: #df0000;

}

.shape-box6 {

    position: absolute;

    z-index: -1;

    left: 0;

    bottom: 0;

}

.shape-box6 img {

    opacity: 0.1;

}

.services-area {

    position: relative;

    z-index: 1;

    padding-bottom: 70px;

}

.services-area .pagination-area {

    margin-bottom: 30px;

}

.single-services-box {

    min-height: 464px!important;
    margin-bottom: 30px;

    text-align: center;

    background-color: #fff;

    border-radius: 5px;

    border: 2px solid #f6f6f6;

    padding: 20px 10px;

    position: relative;

    z-index: 1;

}

.single-services-box::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    background: #456b8f;



    

    z-index: -1;

    width: 100%;

    height: 100%;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}









.single-services-box .icon i::before {

    font-size: 35px;

}

.single-services-box .icon i.flaticon-home {

    position: relative;

    top: -2px;

}

.single-services-box h3 {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 22px;

    font-weight: 700;

    margin-top: 20px;

    margin-bottom: 15px;

}

.single-services-box p {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    margin-bottom: 0;

     font-size: 15px;

}

.single-services-box .read-more-btn {

    margin-top: 20px;

}

.single-services-box:hover {

    border-radius: 0;



   

}

.single-services-box:hover h3 {

    color: #fff;

}

.single-services-box:hover p {

    color: #fff;

}

.single-services-box:hover::before {

    opacity: 1;

    visibility: visible;

}

.single-services-box:hover .read-more-btn {

    color: #fff;

}

.single-services-box:hover .read-more-btn::before {

    background: #fff;

}

.single-services-box:hover .icon {

    border-color: #556e8b;

}

.single-services-box:hover .icon::before {

    opacity: 0;

    visibility: hidden;

}

.single-services-box:hover .icon::after {

    opacity: 1;

    visibility: visible;

}



.services-box {

    margin-bottom: 30px;

    text-align: center;

    background-color: #fff;

    border-radius: 5px;

    border: 2px solid #f6f6f6;

    padding: 40px 30px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.services-box .icon {

    display: inline-block;

    width: 80px;

    height: 80px;

    border: 1px solid #fdd3b3;

    line-height: 78px;

    border-radius: 50%;

    position: relative;

    z-index: 1;

    color: #fff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.services-box .icon::before,

.services-box .icon::after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 3px;

    z-index: -1;

    content: "";

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.services-box .icon::before {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.services-box .icon::after {

    background: #df0000;

    opacity: 0;

    visibility: hidden;

}

.services-box .icon i::before {

    font-size: 35px;

}

.services-box .icon i.flaticon-home {

    position: relative;

    top: -2px;

}

.services-box h3 {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 22px;

    font-weight: 700;

    margin-top: 20px;

    margin-bottom: 15px;

}

.services-box p {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    margin-bottom: 0;

}

.services-box .read-more-btn {

    color: #df0000;

    margin-top: 20px;

}

.services-box .read-more-btn::before {

    background: #df0000;

}

.services-box:hover {

    border-radius: 0;

    border-color: #fff;

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px);

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

}

.services-box:hover .icon::after {

    opacity: 1;

    visibility: visible;

}

.read-more-btn {

    display: inline-block;

    color: #02298a;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

    font-size: 14px;

    font-weight: 700;

}

.read-more-btn::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    right: 0;

    width: 35px;

    height: 2px;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    z-index: -1;

    visibility: hidden;

}

.read-more-btn:hover::before,

.read-more-btn:focus::before {

    right: -25px;

    opacity: 1;

    visibility: visible;

}

.services-slides.owl-theme .owl-nav.disabled + .owl-dots {

    line-height: initial;

    margin-top: 0;

    margin-bottom: 30px;

}

.services-slides.owl-theme .owl-dots .owl-dot {

    -webkit-box-shadow: unset;

    box-shadow: unset;

    outline: 0;

}

.services-slides.owl-theme .owl-dots .owl-dot span {

    margin: 0 3px;

    width: 20px;

    background: #acacac;

    border-radius: 0;

    height: 4px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.services-slides.owl-theme .owl-dots .owl-dot.active span {

    background: #02298a;

    width: 35px;

}

.shape-box2 {

    position: absolute;

    z-index: -1;

    left: 0;

    bottom: 0;

}

.shape-box2 img {

    opacity: 0.38;

}

.shape-box4 {

    position: absolute;

    z-index: -1;

    left: 0;

    bottom: 0;

}

.shape-box4 img {

    opacity: 0.67;

}

.shape-box5 {

    position: absolute;

    z-index: -1;

    right: 0;

    bottom: 0;

}

.shape-box5 img {

    opacity: 0.64;

}

.working-process-area {

    position: relative;

    z-index: 1;

    padding-bottom: 70px;

}

.working-process-area.extra-mt {

    margin-top: -30px;

}

.single-working-process {

    margin-bottom: 32px;

    position: relative;

    padding-left: 100px;

    z-index: 1;

}

.single-working-process .icon {

    position: absolute;

    left: 0;

    top: 5px;

    width: 80px;

    height: 80px;

    border: 1px solid #a8cdf5;

    line-height: 76px;

    border-radius: 50%;

    z-index: 1;

    color: #fff;

    text-align: center;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-working-process .icon::before,

.single-working-process .icon::after {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: 3px;

    z-index: -1;

    content: "";

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-working-process .icon::before {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.single-working-process .icon::after {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    opacity: 0;

    visibility: hidden;

}

.single-working-process .icon i::before {

    font-size: 35px;

}

.single-working-process h3 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 8px;

}

.single-working-process p {

    margin-bottom: 0;

}

.single-working-process .back-text {

    position: absolute;

    left: 0;

    right: 0;

    top: 50%;

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

    transform: translateY(-50%);

    margin: 0 auto;

    text-align: center;

    z-index: -1;

    color: #777;

    opacity: 0.12;

    font-size: 100px;

    font-weight: 700;

    font-style: italic;

}

.single-working-process:hover .icon {

    border-color: #556e8b;

}

.single-working-process:hover .icon::before {

    opacity: 0;

    visibility: hidden;

}

.single-working-process:hover .icon::after {

    opacity: 1;

    visibility: visible;

}

.history-area {

    padding-bottom: 70px;

}

.timeline {

    position: relative;

    text-align: center;

}

.timeline .slick-current::after {

    background-color: transparent;

}

.timeline .slick-current .timeline-year {

    opacity: 1;

}

.timeline .slick-current .timeline-slide__content {

    opacity: 1;

}

.timeline .timeline-nav {

    padding: 0 100px;

}

.timeline .timeline-nav .timeline-nav__item {

    color: #777;

    margin: 0 25px 20px;

    position: relative;

    outline: none;

    cursor: pointer;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0.8;

    font-size: 15px;

    font-weight: 600;

}

.timeline .timeline-nav .timeline-nav__item::before {

    content: "";

    position: absolute;

    top: 30px;

    left: 50%;

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

    transform: translateX(-50%);

    width: 10px;

    height: 10px;

    border-radius: 100%;

    background-color: #afc9f6;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.timeline .timeline-nav .timeline-nav__item.slick-current,

.timeline .timeline-nav .timeline-nav__item:hover {

    color: #02298a;

    opacity: 1;

}

.timeline .timeline-nav .timeline-nav__item.slick-current::before,

.timeline .timeline-nav .timeline-nav__item:hover::before {

    background-color: #02298a;

}

.timeline .timeline-wrapper {

    position: relative;

    margin-top: 30px;

}

.timeline .timeline-wrapper .timeline-slide {

    position: relative;

    overflow: hidden;

    outline: none;

    z-index: 1;

    margin-left: 15px;

    margin-right: 15px;

}

.timeline .timeline-wrapper .timeline-slide img {

    width: 100%;

}

.timeline .timeline-wrapper .timeline-slide .timeline-year {

    position: absolute;

    top: 25px;

    right: 25px;

    background-color: #02298a;

    display: inline-block;

    color: #fff;

    padding: 10px 20px;

    font-weight: 700;

    font-size: 18px;

}

.timeline .timeline-wrapper .timeline-slide .timeline-slide__content {

    z-index: 2;

    position: relative;

    background: #fff;

    padding: 40px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    margin-top: -50px;

    margin-left: 50px;

    margin-right: 50px;

    margin-bottom: 30px;

}

.timeline .timeline-wrapper .timeline-slide .timeline-slide__content h3 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 12px;

    text-transform: capitalize;

}

.timeline .timeline-wrapper .timeline-slide .timeline-slide__content p {

    margin-bottom: 0;

}

.testimonials-video {

    position: relative;

    z-index: 1;

}

.testimonials-video::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%;

    z-index: -1;

    background-color: #02298a;

}

.testimonials-inner {

    text-align: center;

    position: relative;

    z-index: 1;

    border-bottom: 1px solid #03275d;

    padding-top: 100px;

    padding-bottom: 100px;

}

.testimonials-inner .section-title h2 {

    color: #fff;

}

.testimonials-inner .section-title span {

    color: #df0000;

}

.testimonials-inner .section-title img {

    right: 0;

    margin: 0 auto;

    opacity: 0.26;

}

.testimonials-inner .section-title p {

    margin: 0 auto;

    color: #fff;

}

.testimonials-inner::before {

    content: "\f101";

    position: absolute;

    bottom: 110px;

    left: 0;

    right: 0;

    color: #000;

    opacity: 0.27;

    font-family: Flaticon;

    font-size: 90px;

    font-style: normal;

}

.testimonials-item {

    padding: 0 80px;

    text-align: center;

}

.testimonials-item img {

    display: inline-block !important;

    border: 2px solid #dadada;

    width: 70px !important;

    height: 70px;

    border-radius: 50%;

}

.testimonials-item h3 {

    font-size: 18px;

    font-weight: 600;

    color: #df0000;

    margin-top: 15px;

    margin-bottom: 5px;

}

.testimonials-item span {

    display: block;

    color: #fff;

    font-size: 14px;

}

.testimonials-item p {

    color: #fff;

    margin-top: 25px;

    margin-bottom: 0;

    font-size: 18px;

    font-style: italic;

}

.testimonials-slides.owl-theme .owl-nav {

    margin-top: 25px;

    line-height: 0.01;

}

.testimonials-slides.owl-theme .owl-nav [class*="owl-"] {

    background: 0 0;

    color: #df0000;

    padding: 0 !important;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    margin-left: 8px;

    margin-right: 8px;

}

.video-inner {

    width: 100%;

    height: 100%;

    position: relative;

    background-image: url(../../assets/img/video-bg.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.video-inner img {

    display: none;

}

.video-inner .video-btn {

    position: absolute;

    right: 0;

    left: 0;

    text-align: center;

    margin: 0 auto;

    top: 50%;

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

    transform: translateY(-50%);

    display: inline-block;

    color: #02298a;

    background-color: #fff;

    width: 100px;

    height: 100px;

    line-height: 100px;

    border-radius: 50%;

}

.video-inner .video-btn i::before {

    font-size: 40px;

}

.video-inner .video-btn::after {

    z-index: -1;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100px;

    height: 100px;

    -webkit-animation: ripple 1.6s ease-out infinite;

    animation: ripple 1.6s ease-out infinite;

    opacity: 0;

    border-radius: 50%;

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

}

.video-inner .video-btn:hover,

.video-inner .video-btn:focus {

    color: #fff;

    background-color: #df0000;

}

@-webkit-keyframes ripple {

    0%,

    35% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 1;

    }

    50% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0.8;

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        transform: scale(2);

    }

}

@keyframes ripple {

    0%,

    35% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 1;

    }

    50% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0.8;

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        transform: scale(2);

    }

}

.funfacts-partner {

    position: relative;

    z-index: 1;

    background-color: #f6f6f6;

    padding-top: 70px;

    padding-bottom: 70px;

}

.funfacts-partner::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%;

    z-index: -1;

    background-color: #02298a;

}

.funfacts-inner {

    padding-left: 20px;

    padding-right: 10px;

}

.funfacts-box {

    position: relative;

    padding-left: 90px;

}

.funfacts-box i {

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    color: #df0000;

    line-height: 1;

}

.funfacts-box i::before {

    font-size: 65px;

}

.funfacts-box h3 {

    font-size: 42px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 5px;

    line-height: 1;

}

.funfacts-box p {

    line-height: initial;

    margin-bottom: 0;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

}

.partner-inner {

    padding-left: 25px;

    padding-right: 25px;

}

.partner-inner .partner-item {

    text-align: center;

}

.partner-inner .partner-item img {

    display: inline-block !important;

    width: auto !important;

}

.project-area {

    position: relative;

    z-index: 1;

    padding-bottom: 70px;

}

.project-area .section-title {

    margin-bottom: 0;

}

.project-area .row.align-items-center:first-child {

    margin-bottom: 60px;

}

.project-area.optional-color .single-project-box .project-content {

    background: rgba(0, 0, 0, 0.8);

}

.project-area.optional-color .single-project-box .project-content .inner-content h3 {

    color: #fff;

}

.project-area.optional-color .single-project-box .project-content .inner-content h3::before {

    background: #df0000;

}

.project-area.optional-color .single-project-box .project-content .inner-content p {

    color: #fff;

}

.project-area.optional-color .single-project-box .project-content .inner-content .btn-primary {

    color: #fff;

    border-color: #df0000;

    background: 0 0;

}

.project-area.optional-color .single-project-box .project-content .inner-content .btn-primary::before {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.project-area.optional-color .single-project-box .project-content .inner-content .btn-primary::after {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.project-area.optional-color .single-project-box .project-content .inner-content .btn-primary:not(:disabled):not(.disabled).active,

.project-area.optional-color .single-project-box .project-content .inner-content .btn-primary:not(:disabled):not(.disabled):active,

.show > .project-area.optional-color .single-project-box .project-content .inner-content .btn-primary.dropdown-toggle {

    border-color: #02298a;

}

.project-area.optional-color .single-project-box .project-content .inner-content .btn-primary:hover,

.project-area.optional-color .single-project-box .project-content .inner-content .btn-primary:focus {

    border-color: #02298a;

}

.shorting-menu {

    text-align: right;

}

.shorting-menu .filter {

    border: none;

    outline: 0;

    background: 0 0;

    color: #777;

    text-transform: uppercase;

    padding: 6px 18px 8px;

    line-height: initial;

    border-radius: 5px 5px 0 0;

    position: relative;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-weight: 600;

    font-size: 14px;

    margin-left: -1px;

    margin-right: -1px;

}

.shorting-menu .filter.active,

.shorting-menu .filter:hover {

    background-color: #02298a;

    color: #fff;

}

.shorting-menu .filter.active::before,

.shorting-menu .filter:hover::before {

    opacity: 1;

    visibility: visible;

    height: 5px;

    bottom: -4px;

}

.shorting-menu .filter::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0;

    background: #324d91;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    border-radius: 0 0 5px 5px;

}

.shorting-menu.text-center {

    margin-top: 40px;

    margin-bottom: 40px;

}

.shorting-menu.optional-color .filter {

    padding: 6px 18px;

    border-radius: 5px;

}

.shorting-menu.optional-color .filter.active,

.shorting-menu.optional-color .filter:hover {

    background-color: #df0000;

    color: #fff;

}

.shorting-menu.optional-color .filter::before {

    display: none;

}

.shorting .mix {

    display: none;

}

.single-project-box {

    text-align: center;

    margin-bottom: 30px;

    position: relative;

    border-radius: 5px;

    overflow: hidden;

}

.single-project-box img {

    border-radius: 5px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-project-box .project-content {

    position: absolute;

    border-radius: 5px;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

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

    margin: 10px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

}

.single-project-box .project-content .inner-content {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 0;

    right: 0;

    z-index: 1;

    margin: 0 auto;

    padding: 20px 30px;

}

.single-project-box .project-content .inner-content h3 {

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 700;

}

.single-project-box .project-content .inner-content h3::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    height: 1px;

    background: #02298a;

    width: 70px;

}

.single-project-box .project-content .inner-content p {

    margin-bottom: 20px;

}

.single-project-box:hover img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}

.single-project-box:hover .project-content {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.shape-box3 {

    position: absolute;

    z-index: -1;

    left: 0;

    bottom: 0;

}

.shape-box3 img {

    opacity: 0.16;

}

.career-area {

    position: relative;

    z-index: 1;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(../../assets/img/career-bg.jpg);

}

.career-content {

    text-align: center;

    margin: 0 auto;

    max-width: 520px;

}

.career-content span {

    display: block;

    text-transform: uppercase;

    font-size: 14px;

    color: #df0000;

}

.career-content h2 {

    font-size: 42px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 30px;

    margin-top: 8px;

}

.career-content .btn-primary {

    color: #fff;

    border-color: #df0000;

    background: 0 0;

}

.career-content .btn-primary::before {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.career-content .btn-primary::after {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.career-content .btn-primary:not(:disabled):not(.disabled).active,

.career-content .btn-primary:not(:disabled):not(.disabled):active,

.show > .career-content .btn-primary.dropdown-toggle {

    border-color: #02298a;

}

.career-content .btn-primary:hover,

.career-content .btn-primary:focus {

    border-color: #02298a;

}

.team-area {

    padding-bottom: 70px;

    position: relative;

    z-index: 1;

}

.team-area.bg-image {

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-image: url(../../assets/img/shape-bg.jpg);

}

.single-team-box {

    text-align: center;

    margin-bottom: 30px;

    border-radius: 5px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    background-color: #fafafa;

    position: relative;

    overflow: hidden;

}

.single-team-box img {

    border-radius: 5px 5px 0 0;

}

.single-team-box .team-content {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    padding: 35px 15px;

    border-radius: 0 0 5px 5px;

    background-color: #fafafa;

}

.single-team-box .team-content h3 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 8px;

}

.single-team-box .team-content span {

    display: block;

    color: #777;

}

.single-team-box .team-hover-content {

    position: absolute;

    bottom: -20px;

    left: 0;

    right: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    padding: 35px 15px;

    border-radius: 0 0 5px 5px;

    background-color: #fafafa;

    opacity: 0;

    visibility: hidden;

    z-index: 2;

}

.single-team-box .team-hover-content h3 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 8px;

}

.single-team-box .team-hover-content span {

    display: block;

    color: #777;

    margin-bottom: 15px;

}

.single-team-box .team-hover-content ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-team-box .team-hover-content ul li {

    display: inline-block;

}

.single-team-box .team-hover-content ul li a {

    width: 40px;

    height: 40px;

    border: 1px solid #abc5e8;

    position: relative;

    z-index: 1;

    color: #fff;

    line-height: 38px;

    border-radius: 50%;

}

.single-team-box .team-hover-content ul li a::before {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    margin: 2px;

    content: "";

    z-index: -1;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-team-box .team-hover-content ul li a::after {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    content: "";

    z-index: -1;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.single-team-box .team-hover-content ul li a:hover,

.single-team-box .team-hover-content ul li a:focus {

    border-color: #df0000;

}

.single-team-box .team-hover-content ul li a:hover::before,

.single-team-box .team-hover-content ul li a:focus::before {

    opacity: 0;

    visibility: hidden;

}

.single-team-box .team-hover-content ul li a:hover::after,

.single-team-box .team-hover-content ul li a:focus::after {

    opacity: 1;

    visibility: visible;

}

.single-team-box:hover {

    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

    background-color: #fff;

}

.single-team-box:hover .team-content {

    background-color: #fff;

    opacity: 0;

    visibility: hidden;

}

.single-team-box:hover .team-hover-content {

    background-color: #fff;

    opacity: 1;

    visibility: visible;

    bottom: 0;

}

.team-box {

    background-color: #fafafa;

    text-align: center;

    margin-bottom: 30px;

    border-radius: 50% 50% 0 0;

}

.team-box .team-image {

    position: relative;

}

.team-box .team-image img {

    border-radius: 50%;

    width: 100%;

}

.team-box .team-image ul {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

    position: absolute;

    right: 0;

    top: 50%;

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

    transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.team-box .team-image ul li {

    position: relative;

    margin-bottom: 12px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.team-box .team-image ul li a {

    width: 40px;

    height: 40px;

    border: 1px solid #fde8ca;

    position: relative;

    z-index: 1;

    color: #fff;

    line-height: 40px;

    border-radius: 50%;

}

.team-box .team-image ul li a::before {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    margin: 2px;

    content: "";

    z-index: -1;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.team-box .team-image ul li a::after {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    content: "";

    z-index: -1;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

    margin: 2px;

}

.team-box .team-image ul li a:hover,

.team-box .team-image ul li a:focus {

    border-color: #abc5e8;

}

.team-box .team-image ul li a:hover::before,

.team-box .team-image ul li a:focus::before {

    opacity: 0;

    visibility: hidden;

}

.team-box .team-image ul li a:hover::after,

.team-box .team-image ul li a:focus::after {

    opacity: 1;

    visibility: visible;

}

.team-box .team-image ul li:nth-child(1) {

    right: 0;

}

.team-box .team-image ul li:nth-child(2) {

    top: -2px;

    right: 0;

}

.team-box .team-image ul li:nth-child(3) {

    right: 0;

}

.team-box .team-image ul li:nth-child(4) {

    right: 0;

}

.team-box .team-image ul li:last-child {

    margin-bottom: 0;

}

.team-box .team-content {

    padding: 30px 15px;

}

.team-box .team-content h3 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 8px;

}

.team-box .team-content span {

    display: block;

    color: #777;

}

.team-box:hover .team-image ul {

    opacity: 1;

    visibility: visible;

}

.team-box:hover .team-image ul li:nth-child(1) {

    right: 10px;

}

.team-box:hover .team-image ul li:nth-child(2) {

    right: -15px;

}

.team-box:hover .team-image ul li:nth-child(3) {

    right: -12px;

}

.team-box:hover .team-image ul li:nth-child(4) {

    right: 10px;

}

.funfacts-area {

    padding-top: 70px;

    padding-bottom: 70px;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    position: relative;

    z-index: 1;

}

.single-funfacts-box {

    position: relative;

    padding-left: 85px;

}

.single-funfacts-box i {

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    color: #df0000;

    line-height: 1;

    color: #d0dff4;

}

.single-funfacts-box i::before {

    font-size: 65px;

}

.single-funfacts-box h3 {

    font-size: 42px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 5px;

    line-height: 1;

}

.single-funfacts-box p {

    line-height: initial;

    margin-bottom: 0;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

}

.leading-area {

    position: relative;

    z-index: 1;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    overflow: hidden;

}

.leading-image {

    text-align: center;

}

.leading-content {

    z-index: 1;

    position: relative;

    text-align: center;

}

.leading-content h3 {

    color: #fff;

    margin-bottom: 0;

    line-height: 1.5;

    font-size: 30px;

    font-weight: 700;

}

.leading-content h2 {

    color: #df0000;

    margin-bottom: 0;

    font-size: 140px;

    font-weight: 700;

}

.leading-content span {

    display: block;

    color: #fff;

    margin-top: -25px;

    font-size: 22px;

    font-weight: 600;

}

.leading-content ul {

    padding-left: 0;

    list-style-type: none;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: center !important;

    -webkit-box-align: center !important;

    align-items: center !important;

    margin-top: 35px;

    margin-bottom: 0;

    margin-left: -15px;

    margin-right: -15px;

    padding-left: 50px;

    padding-right: 50px;

}

.leading-content ul li {

    text-align: left;

    display: inline-block;

    color: #efefef;

    text-transform: uppercase;

    position: relative;

    font-size: 14px;

    -ms-flex: 0 0 50%;

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

    padding-left: 55px;

    padding-right: 15px;

}

.leading-content ul li span {

    font-size: 27px;

    font-weight: 700;

    margin-top: 0;

}

.leading-content ul li i {

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.leading-content ul li i::before {

    font-size: 35px;

}

.leading-content ul li:nth-child(2) span {

    font-size: 17px;

}

.animate-border span {

    position: absolute;

    display: block;

    width: 5%;

    padding-bottom: 5%;

    top: 50%;

    left: 65%;

    opacity: 0;

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

    transform: translateY(-50%);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    pointer-events: none;

    border-radius: 50%;

    z-index: -1;

    margin-top: 0;

}

.animate-border span:nth-child(1) {

    -webkit-animation: 4.2s ease-out 0.5s infinite normal none running pulsei;

    animation: 4.2s ease-out 0.5s infinite normal none running pulsei;

}

.animate-border span:nth-child(2) {

    -webkit-animation: 4.2s ease-out 1.5s infinite normal none running pulsei;

    animation: 4.2s ease-out 1.5s infinite normal none running pulsei;

}

.animate-border span:nth-child(3) {

    -webkit-animation: 4.2s ease-out 2.5s infinite normal none running pulsei;

    animation: 4.2s ease-out 2.5s infinite normal none running pulsei;

}

.animate-border span:nth-child(4) {

    -webkit-animation: 4.2s ease-out 3.5s infinite normal none running pulsei;

    animation: 4.2s ease-out 3.5s infinite normal none running pulsei;

}

@-webkit-keyframes pulsei {

    0% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        border: 1.5px solid #023282;

        opacity: 1;

        width: 5%;

        padding-bottom: 5%;

    }

    100% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 0;

        width: 50%;

        border: 1.5px solid #023282;

        padding-bottom: 50%;

    }

}

@keyframes pulsei {

    0% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        border: 1.5px solid #023282;

        opacity: 1;

        width: 5%;

        padding-bottom: 5%;

    }

    100% {

        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

        opacity: 0;

        width: 50%;

        border: 1.5px solid #023282;

        padding-bottom: 50%;

    }

}

.partner-area {

    padding-top: 50px;

    padding-bottom: 50px;

}

.partner-slides-two {

    padding-left: 40px;

    padding-right: 40px;

}

.partner-slides-two .partner-item {

    text-align: center; overflow: hidden;

}



.partner-slides-two .partner-item img {

    display: inline-block !important;

    width: auto !important;

    opacity: 0.4;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.partner-slides-two .partner-item:hover img {

    opacity: 1;  

}



.partner-slides-two i { font-size: 30px; color: #fff;}



[class^=flaticon-]:before,

[class*=" flaticon-"]:before,

[class^=flaticon-]:after,

[class*=" flaticon-"]:after {

 font-family:Flaticon;

 font-size:20px;

 font-style:normal

}

.partner-slides-three .partner-item {

    text-align: center;

}

.partner-slides-three .partner-item img {

    display: inline-block !important;

    width: auto !important;

    opacity: 0.4;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.partner-slides-three .partner-item:hover img {

    opacity: 1;

}

.quote-area {

    position: relative;

    z-index: 1;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.quote-inner {

    background-color: #fff;

    padding-right: 40px;

}

.quote-inner .section-title {

    margin-bottom: 30px;

}

.quote-inner .section-title img {

    left: 0;

}

.quote-image {

    width: 100%;

    height: 100%;

    background-image: url(../../assets/img/quote-img.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.quote-image img {

    display: none;

}

.quote-content {

    padding-top: 55px;

    padding-bottom: 55px;

}

.quote-content form .form-group {

    margin-bottom: 18px;

}

.quote-content form .row {

    margin-left: -8px;

    margin-right: -8px;

}

.quote-content form .row .col-lg-6,

.quote-content form .row .col-lg-12 {

    padding-right: 8px;

    padding-left: 8px;

}

.quote-content form .form-control {

    background-color: #f8f8f8;

    border: none;

}

.quote-content form textarea {

    padding-top: 10px;

    height: 120px;

}

.quote-content form .nice-select.form-control {

    float: unset;

    line-height: 32px;

    color: #999;

}

.quote-content form .nice-select.form-control:after {

    height: 7px;

    width: 7px;

}

.quote-content form .nice-select.form-control .list {

    border: none;

    border-radius: 0;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    padding-top: 15px;

    padding-bottom: 15px;

    margin-top: 0;

    margin-bottom: 0;

}

.quote-content form .nice-select.form-control .list .option {

    min-height: unset;

    line-height: 35px;

    padding-left: 15px;

    padding-right: 50px;

}

.quote-content form .nice-select.form-control .list .option.selected {

    color: #02298a;

    background-color: transparent;

    font-weight: 400;

}

.quote-content form button {

    margin-top: 10px;

}

.quote-shape-box1 {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}

.quote-shape-box1 img {

    opacity: 0.4;

}

.quote-shape-box2 {

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -1;

}

.quote-shape-box2 img {

    opacity: 0.4;

}

.testimonials-video-content {

    position: relative;

}

.testimonials-video-content img {

    width: 100%;

    border-radius: 2px;

}

.testimonials-video-content .video-btn {

    position: absolute;

    right: 0;

    left: 0;

    text-align: center;

    margin: 0 auto;

    top: 28%;

    display: inline-block;

    color: #02298a;

    background-color: #fff;

    width: 100px;

    height: 100px;

    line-height: 100px;

    border-radius: 50%;

    z-index: 1;

}

.testimonials-video-content .video-btn i::before {

    font-size: 40px;

}

.testimonials-video-content .video-btn::after {

    z-index: -1;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100px;

    height: 100px;

    -webkit-animation: ripple 1.6s ease-out infinite;

    animation: ripple 1.6s ease-out infinite;

    opacity: 0;

    border-radius: 50%;

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

    border-radius: 0 0 2px 2px;

}

.testimonials-video-content .video-btn:hover,

.testimonials-video-content .video-btn:focus {

    color: #fff;

    background-color: #df0000;

}

.testimonials-video-content .video-content {

    border-radius: 40px 40px 2px 2px;

    position: absolute;

    bottom: 0;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    width: 100%;

    left: 0;

    text-align: center;

    padding: 25px 20px;

}

.testimonials-video-content .video-content h3 {

    color: #fff;

    margin-bottom: 12px;

    font-size: 22px;

    font-weight: 700;

    font-style: italic;

}

.testimonials-video-content .video-content p {

    color: #e0e0e0;

    font-style: italic;

}

.testimonials-vertical-slider {

    margin-bottom: 0 !important;

}

.testimonials-vertical-slider .slick-dots {

    position: absolute;

    right: -30px;

    top: 50%;

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

    transform: translateY(-50%);

    bottom: auto;

    width: auto;

}

.testimonials-vertical-slider .slick-dots li {

    display: block;

    margin: 5px 0;

    width: auto;

    height: auto;

}

.testimonials-vertical-slider .slick-dots li button {

    width: 10px;

    height: 10px;

    background: 0 0;

    border: 1px solid #02298a;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    margin: 0;

}

.testimonials-vertical-slider .slick-dots li button::before {

    display: none;

}

.testimonials-vertical-slider .slick-dots li.slick-active button,

.testimonials-vertical-slider .slick-dots li:hover button {

    background-color: #02298a;

}

.testimonials-vertical-slider .slick-dots li:first-child {

    margin-top: 0;

}

.testimonials-vertical-slider .slick-dots li:last-child {

    margin-bottom: 0;

}

.single-testimonials-item {

    outline: 0;

    position: relative;

    padding-left: 110px;

}

.single-testimonials-item:not(:first-child) {

    margin-top: 25px;

}

.single-testimonials-item .client-image {

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.single-testimonials-item .client-image img {

    width: 70px !important;

    height: 70px !important;

    border-radius: 50%;

}

.single-testimonials-item .testimonials-desc {

    background-color: #fff;

    position: relative;

    padding: 20px 65px 20px 20px;

    z-index: 1;

    border-radius: 5px;

}

.single-testimonials-item .testimonials-desc::before {

    content: "";

    position: absolute;

    width: 40px;

    height: 40px;

    background: #fff;

    z-index: -1;

    left: -15px;

    top: 50%;

    -webkit-transform: translateY(-50%) rotate(40deg);

    transform: translateY(-50%) rotate(40deg);

}

.single-testimonials-item .testimonials-desc p {

    margin-bottom: 0;

    line-height: 1.6;

    font-style: italic;

}

.single-testimonials-item .testimonials-desc span {

    display: block;

    margin-top: 10px;

    font-weight: 600;

    color: #02298a;

}

.single-testimonials-item .testimonials-desc i {

    position: absolute;

    right: 15px;

    top: 25px;

    color: #c6c5c6;

}

.single-testimonials-item .testimonials-desc i::before {

    font-size: 35px;

}

.single-feedback-item {

    outline: 0;

    position: relative;

    padding-left: 110px;

    margin-bottom: 30px;

}

.single-feedback-item .client-image {

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.single-feedback-item .client-image img {

    width: 70px !important;

    height: 70px !important;

    border-radius: 50%;

    display: inline-block !important;

}

.single-feedback-item .feedback-desc {

    background-color: #fff;

    position: relative;

    padding: 20px 65px 20px 20px;

    z-index: 1;

    border-radius: 5px;

}

.single-feedback-item .feedback-desc::before {

    content: "";

    position: absolute;

    width: 40px;

    height: 40px;

    background: #fff;

    z-index: -1;

    left: -15px;

    top: 50%;

    -webkit-transform: translateY(-50%) rotate(40deg);

    transform: translateY(-50%) rotate(40deg);

}

.single-feedback-item .feedback-desc p {

    margin-bottom: 0;

    line-height: 1.6;

    font-style: italic;

}

.single-feedback-item .feedback-desc span {

    display: block;

    margin-top: 10px;

    font-weight: 600;

    color: #02298a;

}

.single-feedback-item .feedback-desc i {

    position: absolute;

    right: 15px;

    top: 25px;

    color: #c6c5c6;

}

.single-feedback-item .feedback-desc i::before {

    font-size: 35px;

}

.feedback-slides.owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 10px;

    line-height: 0.01;

}

.feedback-slides.owl-theme .owl-dots .owl-dot {

    outline: 0;

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.feedback-slides.owl-theme .owl-dots .owl-dot span {

    margin: 0 2px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 1px solid #b3b3b3;

    background-color: transparent;

}

.feedback-slides.owl-theme .owl-dots .owl-dot.active span,

.feedback-slides.owl-theme .owl-dots .owl-dot:hover span {

    border-color: #df0000;

    background-color: #df0000;

}

.feedback-mobile-slides {

    display: none !important;

}

.feedback-mobile-slides.owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 10px;

    line-height: 0.01;

}

.feedback-mobile-slides.owl-theme .owl-dots .owl-dot {

    outline: 0;

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.feedback-mobile-slides.owl-theme .owl-dots .owl-dot span {

    margin: 0 2px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 1px solid #b3b3b3;

    background-color: transparent;

}

.feedback-mobile-slides.owl-theme .owl-dots .owl-dot.active span,

.feedback-mobile-slides.owl-theme .owl-dots .owl-dot:hover span {

    border-color: #df0000;

    background-color: #df0000;

}

.blog-area {

    position: relative;

    z-index: 1;

}

.blog-area.extra-pb {

    padding-bottom: 180px;

}

.blog-area.optional-color .single-blog-post .blog-content h3 a:hover {

    color: #df0000;

}

.single-blog-post {

    margin-bottom: 30px;

}

.single-blog-post .blog-image {

    border-radius: 5px;

}

.single-blog-post .blog-image a {

    border-radius: 5px;

}

.single-blog-post .blog-image a img {

    border-radius: 5px;

}

.single-blog-post .blog-content {

    margin-top: 25px;

}

.single-blog-post .blog-content ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 15px;

}

.single-blog-post .blog-content ul li {

    display: inline-block;

    position: relative;

    color: #777;

    margin-right: 15px;

    font-size: 14px;

}

.single-blog-post .blog-content ul li img {

    width: 30px !important;

    height: 30px;

    border-radius: 50%;

    padding-right: 3px;

    position: relative;

    top: -1.5px;

}

.single-blog-post .blog-content ul li a {

    display: inline-block;

    color: #777;

}

.single-blog-post .blog-content ul li a:hover {

    color: #02298a;

}

.single-blog-post .blog-content ul li:last-child {

    margin-right: 0;

}

.single-blog-post .blog-content ul li:last-child::before {

    display: none;

}

.single-blog-post .blog-content ul li::before {

    content: "";

    position: absolute;

    right: -9px;

    top: 50%;

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

    transform: translateY(-50%);

    width: 1px;

    height: 16px;

    background: #acacac;

}

.single-blog-post .blog-content ul li i {

    margin-right: 2px;

}

.single-blog-post .blog-content h3 {

    margin-bottom: 15px;

    line-height: 1.5;

    font-size: 22px;

    font-weight: 700;

}

.single-blog-post .blog-content h3 a {

    color: #141414;

}

.single-blog-post .blog-content h3 a:hover {

    color: #02298a;

}

.single-blog-post .blog-content p {

    margin-bottom: 0;

}

.single-blog-post .blog-content .read-more-btn {

    margin-top: 20px;

}

.subscribe-area {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    text-align: center;

    border-radius: 5px;

    position: relative;

    z-index: 1;

    padding-top: 60px;

    padding-bottom: 60px;

    padding-left: 90px;

    padding-right: 90px;

    margin-bottom: 80px;

    margin-top: -195px;

}

.subscribe-area h3 {

    font-size: 26px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 30px;

}

.subscribe-area.optional-color-bg {

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

}

.subscribe-area.optional-color-bg .newsletter-form .form-control {

    background-color: #bc4f19;

}

.subscribe-area.optional-color-bg .newsletter-form button {

    color: #fff;

}

.subscribe-area.optional-color-bg .newsletter-form button::before {

    background: #141414;

}

.subscribe-area.optional-color-bg .newsletter-form button::after {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

}

.newsletter-form {

    position: relative;

}

.newsletter-form .form-control {

    border: none;

    background-color: #02307c;

    border-radius: 5px;

    color: #fff;

    height: 50px;

}

.newsletter-form .form-control::-webkit-input-placeholder {

    color: #bababa;

}

.newsletter-form .form-control:-ms-input-placeholder {

    color: #bababa;

}

.newsletter-form .form-control::-ms-input-placeholder {

    color: #bababa;

}

.newsletter-form .form-control::placeholder {

    color: #bababa;

}

.newsletter-form .row {

    margin-left: -10px;

    margin-right: -10px;

}

.newsletter-form .row .col-lg-2,

.newsletter-form .row .col-lg-4,

.newsletter-form .row .col-lg-5,

.newsletter-form .row .col-lg-12 {

    padding-left: 10px;

    padding-right: 10px;

}

.newsletter-form button {

    border: none;

    position: relative;

    height: 50px;

    display: block;

    width: 100%;

    z-index: 1;

    color: #fff;

    text-transform: uppercase;

    border-radius: 5px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    outline: 0;

    font-size: 14px;

    font-weight: 700;

}

.newsletter-form button i {

    margin-left: 5px;

}

.newsletter-form button::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    -webkit-transition: 0.5s;

    transition: 0.5s;

    left: 0;

    border-radius: 5px;

    top: 0;

}

.newsletter-form button::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: #df0000;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    left: 0;

    top: 0;

    opacity: 0;

    visibility: hidden;

}

.newsletter-form button:hover {

    border-radius: 0;

}

.newsletter-form button:hover::after {

    opacity: 1;

    visibility: visible;

}

.newsletter-form button:hover::before {

    opacity: 0;

    visibility: hidden;

}

.newsletter-form #validator-newsletter {

    position: absolute;

    bottom: -40px;

    color: #fff;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

}

.page-title-area {

    position: relative;

    z-index: 1;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-color: #df0000;

    padding-top: 160px;

    padding-bottom: 140px;

}

.page-title-area::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: #000;

    opacity: 0.2;

}

.page-title-content {

    position: relative;

}

.page-title-content h2 {

    margin-bottom: 0;

    color: #fff;

    font-size: 40px;

    font-weight: 700;

}

.page-title-content ul {

    padding-left: 0;

    margin-bottom: 0;

    margin-top: 20px;

    list-style-type: none;

    right: 0;

    top: 50%;

}

.page-title-content ul li {

    display: inline-block;

    position: relative;

    color: #df0000;

    margin-right: 20px;

    font-weight: 600;

    font-size: 15px;

}

.page-title-content ul li a {

    color: #fff;

}

.page-title-content ul li a:hover {

    color: #df0000;

}

.page-title-content ul li:last-child {

    margin-right: 0;

}

.page-title-content ul li:last-child::before {

    content: "";

}

.page-title-content ul li::before {

    content: "\f054";

    font-weight: 900;

    font-family: "font awesome 5 free";

    font-size: 10px;

    position: absolute;

    right: -15px;

    top: 50%;

    color: #fff;

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

    transform: translateY(-50%);

}

.woocommerce-topbar {

    margin-bottom: 30px;

}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select.form-control {

    float: unset;

    line-height: 32px;

    border-radius: 2px;

}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select.form-control:after {

    height: 7px;

    width: 7px;

}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select.form-control .list {

    border: none;

    border-radius: 0;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    padding-top: 15px;

    padding-bottom: 15px;

    margin-top: 0;

    margin-bottom: 0;

}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select.form-control .list .option {

    min-height: unset;

    line-height: 35px;

    padding-left: 15px;

    padding-right: 50px;

}

.woocommerce-topbar .woocommerce-topbar-ordering .nice-select.form-control .list .option.selected {

    color: #02298a;

    background-color: transparent;

    font-weight: 400;

}

.single-products {

    text-align: center;

    position: relative;

    margin-bottom: 30px;

}

.single-products .products-content {

    margin-top: 20px;

}

.single-products .products-content h3 {

    margin-bottom: 12px;

    font-size: 22px;

    font-weight: 700;

}

.single-products .products-content h3 a {

    color: #141414;

}

.single-products .products-content h3 a:hover {

    color: #02298a;

}

.single-products .products-content .price {

    margin-bottom: 10px;

}

.single-products .products-content .price span {

    color: #777;

    font-size: 14px;

    font-weight: 600;

}

.single-products .products-content .price span.old-price {

    text-decoration: line-through;

    color: #c1bdbd;

}

.single-products .products-content .rating {

    margin-bottom: 15px;

}

.single-products .products-content .rating i {

    color: #eac11d;

}

.single-products .products-content .rating i::before {

    font-size: 14px;

}

.single-products .products-content .add-to-cart-btn {

    display: block;

    width: 100%;

    color: #141414;

    border: 1px solid #141414;

    padding: 10px 15px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

}

.single-products .sale-btn {

    position: absolute;

    top: 15px;

    right: 15px;

    background: #ff2d2d;

    color: #fff;

    width: 55px;

    height: 55px;

    line-height: 55px;

    border-radius: 50%;

    z-index: 2;

}

.single-products .products-image {

    overflow: hidden;

    position: relative;

}

.single-products .products-image img {

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

    transition: all 1.5s ease-out;

    width: 100%;

}

.single-products .products-image::before {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    content: "";

    -webkit-transition: 0.5s;

    transition: 0.5s;

    z-index: 1;

    opacity: 0;

    visibility: hidden;

}

.single-products .products-image ul {

    padding: 0;

    z-index: 2;

    list-style-type: none;

    margin: 0;

    position: absolute;

    left: 0;

    top: 50%;

    right: 0;

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

    transform: translateY(-50%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.single-products .products-image ul li {

    display: inline-block;

}

.single-products .products-image ul li a {

    display: block;

    background: #fff;

    width: 35px;

    height: 35px;

    line-height: 35px;

    color: #141414;

}

.single-products .products-image ul li a:hover,

.single-products .products-image ul li a:focus {

    background-color: #02298a;

    color: #fff;

}

.single-products .products-image ul li a:nth-child(1) {

    margin-left: -15px;

}

.single-products .products-image ul li a:nth-child(3) {

    margin-right: -15px;

}

.single-products:hover .products-content .add-to-cart-btn,

.single-products:focus .products-content .add-to-cart-btn {

    background-color: #141414;

    color: #fff;

}

.single-products:hover .products-image img,

.single-products:focus .products-image img {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

}

.single-products:hover .products-image::before,

.single-products:focus .products-image::before {

    opacity: 0.5;

    visibility: visible;

}

.single-products:hover .products-image ul,

.single-products:focus .products-image ul {

    opacity: 1;

    visibility: visible;

}

.single-products:hover .products-image ul li a:nth-child(1),

.single-products:focus .products-image ul li a:nth-child(1) {

    margin-left: 0;

}

.single-products:hover .products-image ul li a:nth-child(3),

.single-products:focus .products-image ul li a:nth-child(3) {

    margin-right: 0;

}

.products-page-gallery {

    text-align: center;

}

.products-page-gallery .product-page-gallery-main .slick-prev,

.products-page-gallery .product-page-gallery-main .slick-next {

    z-index: 1;

    width: 45px;

    height: 45px;

    line-height: 60px;

    padding: 0;

    background-color: #fff;

    border-radius: 50%;

    text-align: center;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.products-page-gallery .product-page-gallery-main .slick-prev::before,

.products-page-gallery .product-page-gallery-main .slick-next::before {

    content: "" !important;

    position: relative;

    display: inline-block;

    width: 0.8rem;

    height: 0.8rem;

    border: 0.125rem solid;

    line-height: initial;

    opacity: 1;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    border-bottom: 0;

    border-left: 0;

    border-radius: 1px;

    border-color: #141414;

}

.products-page-gallery .product-page-gallery-main .slick-prev:hover,

.products-page-gallery .product-page-gallery-main .slick-next:hover {

    background-color: #02298a;

    color: #fff;

}

.products-page-gallery .product-page-gallery-main .slick-prev:hover::before,

.products-page-gallery .product-page-gallery-main .slick-next:hover::before {

    border-color: #fff;

}

.products-page-gallery .product-page-gallery-main .slick-next {

    padding-right: 5px;

    right: 0;

}

.products-page-gallery .product-page-gallery-main .slick-next::before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.products-page-gallery .product-page-gallery-main .slick-prev {

    padding-left: 5px;

    left: 0;

}

.products-page-gallery .product-page-gallery-main .slick-prev::before {

    -webkit-transform: rotate(225deg);

    transform: rotate(225deg);

}

.products-page-gallery .product-page-gallery-main:hover .slick-prev,

.products-page-gallery .product-page-gallery-main:hover .slick-next {

    opacity: 1;

    visibility: visible;

}

.products-page-gallery .product-page-gallery-main:hover .slick-next {

    right: 15px;

}

.products-page-gallery .product-page-gallery-main:hover .slick-prev {

    left: 15px;

}

.products-page-gallery .slick-slide {

    outline: 0 !important;

}

.products-page-gallery .product-page-gallery-preview {

    margin-top: 10px;

    margin-left: -5px;

    margin-right: -5px;

}

.products-page-gallery .product-page-gallery-preview .slick-slide {

    margin: 0 5px;

    cursor: pointer;

}

.products-page-gallery .product-page-gallery-preview .slick-slide span {

    display: block;

    position: relative;

}

.products-page-gallery .product-page-gallery-preview .slick-slide span::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #141414;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.products-page-gallery .product-page-gallery-preview .slick-slide span:hover::before,

.products-page-gallery .product-page-gallery-preview .slick-slide span:focus::before {

    visibility: visible;

    opacity: 1;

}

.products-page-gallery .product-page-gallery-preview .slick-slide.slick-current.slick-active span::before {

    visibility: visible;

    opacity: 1;

}

.product-details-content h3 {

    margin-bottom: 20px;

    font-size: 25px;

    font-weight: 700;

}

.product-details-content h3 a {

    color: #141414;

}

.product-details-content h3 a:hover {

    color: #02298a;

}

.product-details-content p {

    margin-bottom: 0;

}

.product-details-content .price {

    margin-bottom: 20px;

}

.product-details-content .price span {

    color: #777;

    font-size: 16px;

    font-weight: 600;

}

.product-details-content .price span.old-price {

    text-decoration: line-through;

    color: #c1bdbd;

}

.product-details-content .product-review {

    margin-bottom: 20px;

}

.product-details-content .product-review .rating {

    display: inline-block;

    padding-right: 5px;

    font-size: 14px;

}

.product-details-content .product-review .rating i {

    color: #ffba0a;

}

.product-details-content .product-review .rating-count {

    display: inline-block;

    color: #141414;

    border-bottom: 1px solid #141414;

    line-height: initial;

}

.product-details-content .wishlist-compare-btn {

    margin-top: 25px;

}

.product-details-content .wishlist-compare-btn .btn {

    font-size: 13px;

}

.product-details-content .wishlist-compare-btn .btn i {

    margin-right: 3px;

}

.product-details-content .wishlist-compare-btn .btn:not(:first-child) {

    margin-left: 10px;

}

.product-details-content .product-add-to-cart {

    margin-top: 20px;

}

.product-details-content .product-add-to-cart .input-counter {

    max-width: 130px;

    min-width: 130px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

    position: relative;

}

.product-details-content .product-add-to-cart .input-counter span {

    position: absolute;

    top: 0;

    background-color: transparent;

    cursor: pointer;

    color: #d0d0d0;

    width: 40px;

    height: 100%;

    line-height: 50px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.product-details-content .product-add-to-cart .input-counter span.minus-btn {

    left: 0;

}

.product-details-content .product-add-to-cart .input-counter span.plus-btn {

    right: 0;

}

.product-details-content .product-add-to-cart .input-counter span:hover {

    color: #141414;

}

.product-details-content .product-add-to-cart .input-counter input {

    height: 45px;

    color: #141414;

    outline: 0;

    display: block;

    border: none;

    background-color: #f8f8f8;

    text-align: center;

    width: 100%;

    font-size: 17px;

    font-weight: 600;

}

.product-details-content .product-add-to-cart .input-counter input::-webkit-input-placeholder {

    color: #141414;

}

.product-details-content .product-add-to-cart .input-counter input:-ms-input-placeholder {

    color: #141414;

}

.product-details-content .product-add-to-cart .input-counter input::-ms-input-placeholder {

    color: #141414;

}

.product-details-content .product-add-to-cart .input-counter input::placeholder {

    color: #141414;

}

.product-details-content .product-add-to-cart .btn {

    height: 45px;

    top: -3px;

    position: relative;

}

.product-details-content .product-add-to-cart .btn i {

    margin-right: 2px;

}

.product-details-content .buy-checkbox-btn {

    margin-top: 25px;

}

.product-details-content .buy-checkbox-btn input {

    display: none;

}

.product-details-content .buy-checkbox-btn .cbx {

    margin: auto;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer;

}

.product-details-content .buy-checkbox-btn .cbx span {

    display: inline-block;

    vertical-align: middle;

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

    transform: translate3d(0, 0, 0);

}

.product-details-content .buy-checkbox-btn .cbx span:first-child {

    position: relative;

    width: 18px;

    height: 18px;

    border-radius: 3px;

    -webkit-transform: scale(1);

    transform: scale(1);

    vertical-align: middle;

    border: 1px solid #ebebeb;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.product-details-content .buy-checkbox-btn .cbx span:first-child svg {

    position: absolute;

    top: 3px;

    left: 2px;

    fill: none;

    stroke: #fff;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;

    stroke-dasharray: 16px;

    stroke-dashoffset: 16px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

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

    transform: translate3d(0, 0, 0);

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.product-details-content .buy-checkbox-btn .cbx span:first-child:before {

    content: "";

    width: 100%;

    height: 100%;

    background: #141414;

    display: block;

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 1;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.product-details-content .buy-checkbox-btn .cbx span:last-child {

    padding-left: 4px;

    color: #777;

}

.product-details-content .buy-checkbox-btn .cbx:hover span:first-child {

    border-color: #141414;

}

.product-details-content .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child {

    background: #141414;

    border-color: #141414;

    -webkit-animation: wave 0.4s ease;

    animation: wave 0.4s ease;

}

.product-details-content .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg {

    stroke-dashoffset: 0;

}

.product-details-content .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before {

    -webkit-transform: scale(3.5);

    transform: scale(3.5);

    opacity: 0;

    -webkit-transition: all 0.6s ease;

    transition: all 0.6s ease;

}

.product-details-content .buy-checkbox-btn .item:not(:first-child) {

    margin-top: 15px;

}

.product-details-content .buy-checkbox-btn .btn {

    display: block;

}

.product-details-content .custom-payment-options {

    margin-top: 20px;

}

.product-details-content .custom-payment-options span {

    display: block;

    color: #777;

    margin-bottom: 8px;

}

.product-details-content .custom-payment-options .payment-methods a {

    display: inline-block;

}

.product-details-content .custom-payment-options .payment-methods a img {

    width: 40px;

}

.tab .tabs_item {

    display: none;

}

.tab .tabs_item:first-child {

    display: block;

}

.products-details-tab {

    margin-top: 50px;

}

.products-details-tab .tabs {

    list-style-type: none;

    margin: 0 0 30px;

    padding: 0;

    border-bottom: 1px dashed #eee;

    padding-bottom: 15px;

}

.products-details-tab .tabs li {

    display: inline-block;

    margin-right: 30px;

    line-height: initial;

}

.products-details-tab .tabs li a {

    display: inline-block;

    position: relative;

    padding-left: 18px;

    text-transform: uppercase;

    color: #777;

    font-weight: 700;

    font-size: 14px;

}

.products-details-tab .tabs li a .dot {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 0;

    width: 12px;

    height: 12px;

    border: 1px solid #777;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.products-details-tab .tabs li a .dot::before {

    position: absolute;

    top: 0;

    content: "";

    left: 0;

    right: 0;

    bottom: 0;

    background: #777;

    margin: 1px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.products-details-tab .tabs li a:hover,

.products-details-tab .tabs li a:focus {

    color: #02298a;

}

.products-details-tab .tabs li a:hover .dot,

.products-details-tab .tabs li a:focus .dot {

    border-color: #df0000;

}

.products-details-tab .tabs li a:hover .dot::before,

.products-details-tab .tabs li a:focus .dot::before {

    background: #df0000;

}

.products-details-tab .tabs li.current a {

    color: #02298a;

}

.products-details-tab .tabs li.current a .dot {

    border-color: #df0000;

}

.products-details-tab .tabs li.current a .dot::before {

    background: #df0000;

}

.products-details-tab .tabs li:last-child {

    margin-right: 0;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p {

    margin-bottom: 20px;

    font-size: 14px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {

    margin-bottom: 0;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

    text-align: left;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {

    border: 1px solid #eee;

    border-bottom: none;

    padding: 10px 15px;

    color: #777;

    font-weight: 400;

    font-size: 14px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {

    border-bottom: 1px solid #eee;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {

    display: inline-block;

    width: 45%;

    font-weight: 600;

    color: #141414;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {

    margin-bottom: 15px;

    font-size: 18px;

    font-weight: 700;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {

    position: relative;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {

    display: inline-block;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {

    color: #ffba0a;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {

    color: #ebebeb;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {

    margin-bottom: 0;

    display: inline-block;

    padding-left: 5px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {

    position: absolute;

    right: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {

    margin-top: 35px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {

    margin-top: 30px;

    position: relative;

    padding-right: 200px;

    border-top: 1px dashed #eee;

    padding-top: 30px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {

    color: #ffba0a;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {

    color: #ebebeb;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {

    margin-top: 10px;

    margin-bottom: 10px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {

    margin-bottom: 10px;

    font-size: 13px;

    display: block;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {

    font-weight: 600;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {

    margin-bottom: 0;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {

    position: absolute;

    right: 20px;

    color: #777;

    top: 40px;

    text-decoration: underline;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {

    color: #141414;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {

    margin-top: 35px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {

    margin-bottom: 20px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {

    font-size: 14px;

    color: #777;

    text-transform: uppercase;

    margin-bottom: 10px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {

    padding-top: 15px;

    height: 120px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn {

    margin-top: 10px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating {

    margin-bottom: 1rem;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating p {

    margin-bottom: 5px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-source {

    width: 0;

    height: 0;

    margin-top: 5px;

    visibility: hidden;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-source svg {

    width: 1.5rem;

    height: 1.5rem;

    padding: 0 0.15rem;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 105px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating label {

    cursor: pointer;

    margin-bottom: 0;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating label .star {

    color: transparent;

    -webkit-transition: color 0.2s ease-in-out;

    transition: color 0.2s ease-in-out;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating label:hover ~ label .star,

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating svg.star:hover,

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating input[name="star"]:focus ~ label .star,

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating input[name="star"]:checked ~ label .star {

    color: #f2b01e;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating svg {

    width: 1.5rem;

    height: 1.5rem;

    padding: 0 0.15rem;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating input[name="star"] {

    display: inline-block;

    width: 0;

    opacity: 0;

    margin-left: -2px;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating input[name="star"]:checked + label {

    -webkit-animation: scaleup 1s;

    animation: scaleup 1s;

}

.products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating .star-rating input[name="star"]:checked + label .star {

    -webkit-animation: starred 0.5s;

    animation: starred 0.5s;

}

.related-products-area {

    margin-top: 60px;

    padding-top: 60px;

    border-top: 1px solid #eee;

}

.related-products-area .section-title {

    margin-bottom: 0;

}

.related-products-area .single-products {

    margin-top: 30px;

    margin-bottom: 0;

}

.cart-table table {

    margin-bottom: 0;

}

.cart-table table thead tr th {

    border-bottom-width: 0;

    vertical-align: middle;

    padding: 15px 0;

    text-transform: uppercase;

    border: none;

    font-weight: 700;

    font-size: 15px;

}

.cart-table table tbody tr td {

    vertical-align: middle;

    color: #777;

    padding-left: 0;

    padding-right: 0;

    border-color: #eaedff;

    border-left: none;

    border-right: none;

}

.cart-table table tbody tr td.product-thumbnail a {

    display: block;

}

.cart-table table tbody tr td.product-thumbnail a img {

    width: 80px;

}

.cart-table table tbody tr td.product-name a {

    color: #777;

    font-weight: 600;

    display: inline-block;

}

.cart-table table tbody tr td.product-name a:hover {

    color: #02298a;

}

.cart-table table tbody tr td.product-price span {

    font-weight: 600;

}

.cart-table table tbody tr td.product-subtotal .remove {

    color: red;

    float: right;

    position: relative;

    top: -1px;

}

.cart-table table tbody tr td.product-quantity .form-control {

    background: 0 0;

    width: 80px;

}

.cart-table table tbody tr td.product-subtotal {

    overflow: hidden;

}

.cart-table table tbody tr td.product-subtotal span {

    font-weight: 600;

}

.cart-buttons {

    margin-top: 30px;

}

.cart-totals {

    background: #fff;

    padding: 30px;

    max-width: 620px;

    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    border-radius: 5px;

    margin: 45px auto 0;

}

.cart-totals h3 {

    margin-bottom: 25px;

    font-size: 22px;

    font-weight: 700;

}

.cart-totals ul {

    padding: 0;

    margin: 0 0 25px;

    list-style-type: none;

}

.cart-totals ul li {

    border: 1px solid #eaedff;

    padding: 15px;

    color: #141414;

    overflow: hidden;

    font-size: 14px;

    font-weight: 700;

}

.cart-totals ul li:first-child {

    border-bottom: none;

}

.cart-totals ul li:last-child {

    border-top: none;

}

.cart-totals ul li span {

    float: right;

    color: #777;

    font-weight: 400;

}

.user-actions {

    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    background: #fff;

    padding: 18px 20px 15px;

    margin-bottom: 65px;

    border-top: 3px solid #02298a;

    position: relative;

}

.user-actions::before {

    content: "";

    position: absolute;

    right: 0;

    bottom: -35px;

    width: 100%;

    height: 1px;

    background: #eee;

}

.user-actions span {

    display: inline-block;

    font-weight: 600;

    color: #02298a;

}

.user-actions span i {

    color: #02298a;

    margin-right: 3px;

}

.user-actions span a {

    display: inline-block;

    color: #141414;

    font-weight: 500;

    font-size: 14px;

}

.user-actions span a:hover,

.user-actions span a:focus {

    color: #02298a;

}

.checkout-area .title {

    margin-bottom: 25px;

    font-size: 22px;

    font-weight: 700;

}

.billing-details .form-group {

    margin-bottom: 20px;

}

.billing-details .form-group label {

    display: block;

    color: #777;

    margin-bottom: 10px;

    font-size: 14px;

    font-weight: 600;

}

.billing-details .form-group label .required {

    color: red;

}

.billing-details .form-group .nice-select {

    float: unset;

    line-height: 45px;

    padding-top: 0;

    padding-bottom: 0;

}

.billing-details .form-group .nice-select .list {

    border: none;

    border-radius: 0;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    padding-top: 15px;

    padding-bottom: 15px;

    margin-top: 1px;

    margin-bottom: 0;

}

.billing-details .form-group .nice-select .list .option {

    min-height: unset;

    line-height: 35px;

    padding-left: 15px;

    padding-right: 50px;

}

.billing-details .form-group .nice-select .list .option.selected {

    color: #02298a;

    background-color: transparent;

    font-weight: 400;

}

.billing-details .form-group textarea {

    padding-top: 13px;

    height: 120px;

}

.billing-details .form-check {

    margin-bottom: 15px;

}

.billing-details .form-check .form-check-label {

    color: #777;

}

.billing-details .form-check label {

    font-size: 14px;

    font-weight: 400;

}

.order-details .order-table table {

    margin-bottom: 0;

}

.order-details .order-table table thead tr th {

    border-bottom-width: 0;

    vertical-align: middle;

    border-color: #eaedff;

    padding: 15px 0.75rem;

    font-weight: 700;

    font-size: 15.5px;

}

.order-details .order-table table tbody tr td {

    vertical-align: middle;

    color: #777;

    border-color: #eaedff;

    font-size: 14px;

}

.order-details .order-table table tbody tr td.product-name a {

    color: #777;

    display: inline-block;

    font-weight: 600;

    font-size: 14px;

}

.order-details .order-table table tbody tr td.product-name a:hover {

    color: #02298a;

}

.order-details .order-table table tbody tr td.order-subtotal span,

.order-details .order-table table tbody tr td.order-shipping span,

.order-details .order-table table tbody tr td.total-price span {

    color: #141414;

    font-weight: 600;

}

.order-details .payment-method {

    margin-top: 40px;

    border-top: 1px solid #eee;

    padding-top: 35px;

}

.order-details .payment-method p {

    font-size: 14px;

}

.order-details .payment-method p [type="radio"]:checked,

.order-details .payment-method p [type="radio"]:not(:checked) {

    display: none;

}

.order-details .payment-method p [type="radio"]:checked + label,

.order-details .payment-method p [type="radio"]:not(:checked) + label {

    padding-left: 27px;

    cursor: pointer;

    display: block;

    font-weight: 600;

    color: #141414;

    position: relative;

    margin-bottom: 8px;

}

.order-details .payment-method p [type="radio"]:checked + label::before,

.order-details .payment-method p [type="radio"]:not(:checked) + label::before {

    content: "";

    position: absolute;

    left: 0;

    top: 4px;

    width: 18px;

    height: 18px;

    border: 1px solid #ddd;

    border-radius: 50%;

    background: #fff;

}

.order-details .payment-method p [type="radio"]:checked + label::after,

.order-details .payment-method p [type="radio"]:not(:checked) + label::after {

    content: "";

    width: 12px;

    height: 12px;

    background: #02298a;

    position: absolute;

    top: 7px;

    left: 3px;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.order-details .payment-method p [type="radio"]:not(:checked) + label::after {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0);

    transform: scale(0);

}

.order-details .payment-method p [type="radio"]:checked + label::after {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

}

.order-details .btn.order-btn {

    display: block;

    margin-top: 25px;

}

.pagination-area {

    margin-top: 15px;

    text-align: center;

}

.pagination-area .page-numbers {

    width: 40px;

    height: 40px;

    margin: 0 5px;

    display: inline-block;

    background-color: #fff;

    line-height: 40px;

    color: #141414;

    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;

    box-shadow: 0 2px 10px 0 #d8dde6;

    border-radius: 50%;

    font-size: 17px;

    font-weight: 600;

}

.pagination-area .page-numbers.current,

.pagination-area .page-numbers:hover,

.pagination-area .page-numbers:focus {

    background: #02298a;

    color: #fff;

    -webkit-box-shadow: unset;

    box-shadow: unset;

}

.widget-area .widget {

    margin-top: 35px;

}

.widget-area .widget:first-child {

    margin-top: 0;

}

.widget-area .widget .widget-title {

    border-bottom: 1px solid #eee;

    padding-bottom: 10px;

    margin-bottom: 20px;

    text-transform: capitalize;

    position: relative;

    color: #3c3c3c;

    font-weight: 700;

    font-size: 19px;

}

.widget-area .widget .widget-title::before {

    content: "";

    position: absolute;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    bottom: -1px;

    left: 0;

    width: 50px;

    height: 1px;

}

.widget-area .widget_search {

    -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);

    box-shadow: 0 0 29px 0 rgba(102, 102, 102, 0.1);

    background-color: #fff;

    padding: 15px;

}

.widget-area .widget_search form {

    position: relative;

}

.widget-area .widget_search form label {

    display: block;

    margin-bottom: 0;

}

.widget-area .widget_search form .screen-reader-text {

    display: none;

}

.widget-area .widget_search form .search-field {

    background-color: transparent;

    height: 50px;

    padding: 6px 15px;

    border: 1px solid #eee;

    width: 100%;

    display: block;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.widget-area .widget_search form .search-field:focus {

    border-color: #02298a;

}

.widget-area .widget_search form button {

    position: absolute;

    right: 0;

    bottom: 0;

    height: 50px;

    width: 50px;

    z-index: 1;

    border: none;

    color: #fff;

    background-color: transparent;

}

.widget-area .widget_search form button::before {

    content: "";

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    top: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.widget-area .widget_search form button::after {

    content: "";

    position: absolute;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    top: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.widget-area .widget_search form button:hover::before {

    opacity: 0;

    visibility: hidden;

}

.widget-area .widget_search form button:hover::after {

    opacity: 1;

    visibility: visible;

}

.widget-area .widget_fennec_posts_thumb {

    position: relative;

    overflow: hidden;

}

.widget-area .widget_fennec_posts_thumb .item {

    overflow: hidden;

    margin-bottom: 20px;

}

.widget-area .widget_fennec_posts_thumb .item:last-child {

    margin-bottom: 0;

}

.widget-area .widget_fennec_posts_thumb .item .thumb {

    float: left;

    height: 80px;

    overflow: hidden;

    position: relative;

    width: 80px;

    margin-right: 15px;

}

.widget-area .widget_fennec_posts_thumb .item .thumb .fullimage {

    width: 80px;

    height: 80px;

    display: inline-block;

    background-size: cover !important;

    background-repeat: no-repeat;

    background-position: center center !important;

}

.widget-area .widget_fennec_posts_thumb .item .thumb .fullimage.bg1 {

    background-image: url(../../assets/img/blog-img1.jpg);

}

.widget-area .widget_fennec_posts_thumb .item .thumb .fullimage.bg2 {

    background-image: url(../../assets/img/blog-img2.jpg);

}

.widget-area .widget_fennec_posts_thumb .item .thumb .fullimage.bg3 {

    background-image: url(../../assets/img/blog-img3.jpg);

}

.widget-area .widget_fennec_posts_thumb .item .info {

    overflow: hidden;

}

.widget-area .widget_fennec_posts_thumb .item .info time {

    display: block;

    color: #777;

    text-transform: uppercase;

    margin-top: 5px;

    margin-bottom: 5px;

    font-size: 12px;

    font-weight: 600;

}

.widget-area .widget_fennec_posts_thumb .item .info .title {

    margin-bottom: 0;

    line-height: 1.5;

    font-size: 18px;

    font-weight: 600;

}

.widget-area .widget_fennec_posts_thumb .item .info .title a {

    color: #141414;

}

.widget-area .widget_fennec_posts_thumb .item .info .title a:hover {

    color: #02298a;

}

.widget-area .widget_recent_entries ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.widget-area .widget_recent_entries ul li {

    position: relative;

    margin-bottom: 12px;

    color: #777;

    padding-left: 18px;

    line-height: 1.5;

    font-size: 15px;

    font-weight: 600;

}

.widget-area .widget_recent_entries ul li:last-child {

    margin-bottom: 0;

}

.widget-area .widget_recent_entries ul li a {

    color: #141414;

}

.widget-area .widget_recent_entries ul li a:hover {

    color: #02298a;

}

.widget-area .widget_recent_entries ul li::before {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    position: absolute;

    height: 7px;

    width: 7px;

    content: "";

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.widget-area .widget_recent_entries ul li .post-date {

    display: block;

    font-size: 13px;

    color: #777;

    margin-top: 4px;

}

.widget-area .widget_recent_comments ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.widget-area .widget_recent_comments ul li {

    position: relative;

    margin-bottom: 12px;

    color: #777;

    padding-left: 18px;

    line-height: 1.5;

    font-size: 15px;

    font-weight: 600;

}

.widget-area .widget_recent_comments ul li:last-child {

    margin-bottom: 0;

}

.widget-area .widget_recent_comments ul li::before {

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    height: 7px;

    width: 7px;

    content: "";

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    position: absolute;

}

.widget-area .widget_recent_comments ul li span {

    display: inline-block;

}

.widget-area .widget_recent_comments ul li a {

    display: inline-block;

    color: #141414;

}

.widget-area .widget_recent_comments ul li a:hover {

    color: #02298a;

}

.widget-area .widget_archive ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.widget-area .widget_archive ul li {

    position: relative;

    margin-bottom: 12px;

    padding-left: 18px;

    font-size: 15px;

    font-weight: 600;

}

.widget-area .widget_archive ul li:last-child {

    margin-bottom: 0;

}

.widget-area .widget_archive ul li::before {

    background: #02298a;

    height: 7px;

    width: 7px;

    content: "";

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    position: absolute;

}

.widget-area .widget_archive ul li a {

    color: #141414;

}

.widget-area .widget_archive ul li a:hover {

    color: #02298a;

}

.widget-area .widget_categories ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.widget-area .widget_categories ul li {

    position: relative;

    margin-bottom: 12px;

    color: #777;

    padding-left: 18px;

    font-size: 15px;

    font-weight: 600;

}

.widget-area .widget_categories ul li:last-child {

    margin-bottom: 0;

}

.widget-area .widget_categories ul li::before {

    background: #02298a;

    height: 7px;

    width: 7px;

    content: "";

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    position: absolute;

}

.widget-area .widget_categories ul li a {

    display: inline-block;

    color: #141414;

}

.widget-area .widget_categories ul li a:hover {

    color: #02298a;

}

.widget-area .widget_categories ul li .post-count {

    float: right;

}

.widget-area .widget_meta ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.widget-area .widget_meta ul li {

    position: relative;

    margin-bottom: 12px;

    color: #777;

    padding-left: 18px;

    font-size: 15px;

    font-weight: 600;

}

.widget-area .widget_meta ul li:last-child {

    margin-bottom: 0;

}

.widget-area .widget_meta ul li::before {

    background: #02298a;

    position: absolute;

    height: 7px;

    width: 7px;

    content: "";

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

}

.widget-area .widget_meta ul li a {

    color: #141414;

}

.widget-area .widget_meta ul li a:hover {

    color: #02298a;

}

.widget-area .tagcloud {

    margin-top: -8px;

}

.widget-area .tagcloud a {

    display: inline-block;

    color: #141414;

    font-weight: 600;

    font-size: 14px !important;

    padding: 7px 10px;

    border: 1px dashed #e4dddd;

    margin-top: 8px;

    margin-right: 4px;

}

.widget-area .tagcloud a:hover,

.widget-area .tagcloud a:focus {

    background-color: #02298a;

    color: #fff;

    border-color: #02298a;

}

.widget-area .widget_services_list {

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    background-color: #fff;

}

.widget-area .widget_services_list ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.widget-area .widget_services_list ul li a {

    display: block;

    position: relative;

    border-bottom: 1px solid #eee;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 35px;

    color: #5d6576;

    z-index: 1;

    font-weight: 600;

}

.widget-area .widget_services_list ul li a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 100%;

    background: #df0000;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.widget-area .widget_services_list ul li a i {

    position: absolute;

    right: 15px;

    top: 50%;

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

    transform: translateY(-50%);

}

.widget-area .widget_services_list ul li a.active,

.widget-area .widget_services_list ul li a:hover {

    background-color: #02298a;

    color: #fff;

    padding-left: 20px;

}

.widget-area .widget_services_list ul li a.active::before,

.widget-area .widget_services_list ul li a:hover::before {

    opacity: 1;

    visibility: visible;

}

.widget-area .widget_services_list ul li:last-child a {

    border-bottom: none;

}

.widget-area .widget_download ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    background-color: #fff;

}

.widget-area .widget_download ul li a {

    display: block;

    position: relative;

    border-bottom: 1px solid #eee;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 35px;

    color: #5d6576;

    z-index: 1;

    font-weight: 600;

}

.widget-area .widget_download ul li a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 5px;

    height: 100%;

    background: #df0000;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}

.widget-area .widget_download ul li a i {

    position: absolute;

    right: 15px;

    top: 50%;

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

    transform: translateY(-50%);

}

.widget-area .widget_download ul li a.active,

.widget-area .widget_download ul li a:hover {

    background-color: #02298a;

    color: #fff;

    padding-left: 20px;

}

.widget-area .widget_download ul li a.active::before,

.widget-area .widget_download ul li a:hover::before {

    opacity: 1;

    visibility: visible;

}

.widget-area .widget_download ul li:last-child a {

    border-bottom: none;

}

.contact-box {

    background: #fff;

    padding: 30px 20px 30px 90px;

    border-radius: 5px;

    position: relative;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

}

.contact-box .icon {

    position: absolute;

    left: 25px;

    top: 35px;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 46px;

    border: 1px dashed #02298a;

    border-radius: 50%;

    color: #02298a;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.contact-box .icon i::before {

    font-size: 18px;

}

.contact-box .content h4 {

    margin-bottom: 10px;

    font-size: 22px;

    font-weight: 700;

}

.contact-box .content p {

    margin-bottom: 0;

    font-size: 14px;

}

.contact-box .content p a {

    color: #777;

}

.contact-box .content p a:hover,

.contact-box .content p a:focus {

    color: #02298a;

}

.contact-box:hover,

.contact-box:focus {

    -webkit-box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);

    box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

}

.contact-box:hover .icon,

.contact-box:focus .icon {

    background: #02298a;

    color: #fff;

}

#map iframe {

    height: 400px;

    width: 100%;

    margin-bottom: -10px;

    border: none;

}

.contact-form {

    margin-top: 50px;

}

.leave-your-message h3 {

    margin-bottom: 12px;

    font-size: 22px;

    font-weight: 700;

}

.leave-your-message .stay-connected {

    margin-top: 25px;

}

.leave-your-message .stay-connected h3 {

    margin-bottom: 20px;

}

.leave-your-message .stay-connected ul {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

}

.leave-your-message .stay-connected ul li {

    font-weight: 600;

    margin-bottom: 10px;

}

.leave-your-message .stay-connected ul li:last-child {

    margin-bottom: 0;

}

.leave-your-message .stay-connected ul li a {

    display: inline-block;

    color: #777;

}

.leave-your-message .stay-connected ul li a i {

    width: 40px;

    height: 40px;

    text-align: center;

    display: inline-block;

    line-height: 40px;

    border: 1px solid;

    border-radius: 50%;

    margin-right: 8px;

}

.leave-your-message .stay-connected ul li a:hover,

.leave-your-message .stay-connected ul li a:focus {

    color: #02298a;

}

#contactForm ,#frmenquiry{

    background: #fff;

    padding: 30px;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

}

#contactForm .form-group,#frmenquiry .form-group{

    margin-bottom: 20px;

}

#contactForm label,#frmenquiry label{

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 14px;

}

#contactForm textarea,#frmenquiry textarea{

    padding-top: 15px;

    height: 120px;

}

#contactForm .btn,#frmenquiry .btn{

    margin-top: 8px;

}

#contactForm ul,#frmenquiry ul{

    padding-left: 0;

    margin-bottom: 0;

}

#contactForm ul li,#frmenquiry ul li{

    color: red;

    margin-top: 10px;

    font-size: 14px;

}

#contactForm .text-danger,

#contactForm .text-success,#frmenquiry .text-danger,#frmenquiry .text-success{

    margin-bottom: 0;

    margin-top: 20px;

}

#contactForm .h4 ,#frmenquiry .h4{

    font-size: 18px;

    font-weight: 600;

}

.services-details-desc h3 {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 15px;

}

.services-details-desc .services-details-image-slides {

    margin-bottom: 25px;

    margin-top: 25px;

}

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots {

    position: absolute;

    right: 0;

    left: 0;

    bottom: 15px;

    text-align: center;

}

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot {

    outline: 0 !important;

}

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot span {

    width: 16px;

    height: 16px;

    margin: 0 4px;

    outline: 0 !important;

    background: 0 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    border-radius: 50%;

    position: relative;

    padding: 0;

    text-align: center;

    border: 1px solid #fff;

}

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot span::before {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    margin: 3px;

    top: 0;

    border-radius: 50%;

    bottom: 0;

    background: #fff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot:hover span,

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot.active span {

    border-color: #02298a;

}

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot:hover span::before,

.services-details-desc .services-details-image-slides.owl-theme .owl-nav.disabled + .owl-dots .owl-dot.active span::before {

    background: #02298a;

}

.services-details-desc .services-features-list {

    padding-left: 0;

    list-style-type: none;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

    margin-bottom: -10px;

    margin-top: 20px;

}

.services-details-desc .services-features-list li {

    -ms-flex: 0 0 50%;

    -webkit-box-flex: 0;

    flex: 0 0 50%;

    max-width: 50%;

    position: relative;

    color: #777;

    line-height: initial;

    font-weight: 600;

    padding-right: 15px;

    padding-left: 38px;

    margin-bottom: 10px;

}

.services-details-desc .services-features-list li i {

    color: #02298a;

    margin-right: 3px;

    position: absolute;

    left: 15px;

    top: 50%;

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

    transform: translateY(-50%);

}

.services-details-desc .blockquote,

.services-details-desc blockquote {

    background: #f7f7f7;

    padding: 30px 20px !important;

    border-left: 4px solid #df0000;

    margin-bottom: 25px;

    margin-top: 25px;

}

.services-details-desc .blockquote::before,

.services-details-desc blockquote::before {

    display: none;

}

.services-details-desc .blockquote p,

.services-details-desc blockquote p {

    margin-bottom: 0;

    color: #000;

    font-style: italic;

    font-weight: 600;

    font-size: 16px;

}

.blog-details-area {

    background-color: #f6f4f7;

}

.blog-details .article-img img {

    width: 100%;

}

.blog-details .article-content {

    padding: 25px;

    background-color: #fff;

}

.blog-details .article-content .entry-meta {

    padding: 0;

    margin: 0 0 20px;

    list-style-type: none;

}

.blog-details .article-content .entry-meta li {

    display: inline-block;

    color: #777;

    margin-right: 15px;

    font-weight: 600;

    font-size: 14px;

}

.blog-details .article-content .entry-meta li i {

    color: #02298a;

    margin-right: 3px;

}

.blog-details .article-content .entry-meta li:last-child {

    margin-right: 0;

}

.blog-details .article-content .entry-meta li a {

    display: inline-block;

    color: #777;

}

.blog-details .article-content .entry-meta li a:hover {

    color: #02298a;

}

.blog-details .article-content .category {

    padding-left: 0;

    list-style-type: none;

    margin-top: 20px;

    margin-bottom: 0;

}

.blog-details .article-content .category li {

    display: inline-block;

    margin-right: 3px;

}

.blog-details .article-content .category li span {

    font-weight: 600;

}

.blog-details .article-content .category li a {

    border: 1px solid #eee;

    border-radius: 5px;

    padding: 4px 12px;

    color: #777;

    position: relative;

    z-index: 1;

    font-size: 14px;

    font-weight: 600;

}

.blog-details .article-content .category li a::before {

    position: absolute;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    z-index: -1;

    border-radius: 5px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.blog-details .article-content .category li a:hover,

.blog-details .article-content .category li a:focus {

    color: #fff;

    border-radius: 0;

    border-color: #02298a;

}

.blog-details .article-content .category li a:hover::before,

.blog-details .article-content .category li a:focus::before {

    opacity: 1;

    visibility: visible;

    border-radius: 0;

}

.blog-details .article-content h3 {

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 700;

}

blockquote {

    background-color: #fafafa;

    padding: 30px 30px 30px 70px !important;

    font-weight: 500;

    position: relative;

    margin-top: 20px;

    margin-bottom: 20px;

}

blockquote::before {

    color: #02298a;

    content: "\f101";

    position: absolute;

    left: 22px;

    top: 40%;

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

    transform: translateY(-40%);

    font-family: Flaticon;

    font-size: 30px;

    font-style: normal;

}

blockquote p {

    font-weight: 600;

}

blockquote cite {

    position: relative;

    padding-left: 17px;

    font-weight: 700;

}

blockquote cite::before {

    content: "";

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    left: 0;

    width: 10px;

    height: 2px;

}

.post-controls-buttons {

    overflow: hidden;

    padding: 30px;

    background-color: #fff;

    margin-top: 30px;

    margin-bottom: 30px;

}

.post-controls-buttons div:first-child {

    float: left;

}

.post-controls-buttons div:last-child {

    float: right;

}

.post-controls-buttons div a {

    display: inline-block;

    border: 1px solid #eee;

    padding: 11px 20px;

    color: #141414;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

}

.post-controls-buttons div a:hover,

.post-controls-buttons div a:focus {

    border-color: #02298a;

    color: #fff;

    background-color: #02298a;

}

.comments-area {

    background-color: #fff;

    padding: 25px;

}

.comments-area .comments-title {

    position: relative;

    margin-bottom: 30px;

    font-size: 22px;

    font-weight: 700;

}

.comments-area .comments-title::before {

    content: "";

    height: 25px;

    width: 3px;

    left: -25px;

    position: absolute;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    top: 50%;

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

    transform: translateY(-50%);

}

.comments-area ol,

.comments-area ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.comments-area .comment-list {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.comments-area .children {

    margin-left: 20px;

}

.comments-area .comment-body {

    border-bottom: 1px solid #eee;

    padding-left: 65px;

    color: #141414;

    font-size: 14px;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.comments-area .comment-body .reply {

    margin-top: 15px;

}

.comments-area .comment-body .reply a {

    border: 1px solid #02298a;

    color: #02298a;

    display: inline-block;

    padding: 5px 20px;

    border-radius: 30px;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

}

.comments-area .comment-body .reply a:hover {

    color: #fff;

    background-color: #02298a;

}

.comments-area .comment-meta {

    margin-bottom: 0.8em;

}

.comments-area .comment-author {

    font-size: 15px;

    margin-bottom: 0.4em;

    position: relative;

    z-index: 2;

}

.comments-area .comment-author .avatar {

    height: 50px;

    left: -65px;

    position: absolute;

    width: 50px;

}

.comments-area .comment-author .fn {

    font-weight: 600;

}

.comments-area .comment-author .says {

    display: none;

}

.comments-area .comment-metadata {

    color: #777;

    letter-spacing: 0.1em;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: 600;

}

.comments-area .comment-metadata a {

    color: #777;

}

.comments-area .comment-metadata a:hover {

    color: #02298a;

}

.comments-area .comment-content p {

    font-size: 14px;

}

.comments-area .comment-respond .comment-reply-title {

    margin: 0;

    position: relative;

    font-size: 22px;

    font-weight: 700;

}

.comments-area .comment-respond .comment-reply-title::before {

    content: "";

    height: 25px;

    width: 3px;

    left: -25px;

    position: absolute;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    top: 50%;

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

    transform: translateY(-50%);

}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {

    font-size: 15px;

    display: inline-block;

}

.comments-area .comment-respond .comment-form {

    overflow: hidden;

}

.comments-area .comment-respond .comment-notes {

    font-size: 15px;

    margin-bottom: 0;

    margin-top: 10px;

}

.comments-area .comment-respond .comment-notes .required {

    color: red;

}

.comments-area .comment-respond .comment-form-comment {

    margin-top: 15px;

    float: left;

    width: 100%;

}

.comments-area .comment-respond label {

    display: block;

    margin-bottom: 10px;

    font-weight: 600;

    color: #141414;

}

.comments-area .comment-respond input[type="date"],

.comments-area .comment-respond input[type="time"],

.comments-area .comment-respond input[type="datetime-local"],

.comments-area .comment-respond input[type="week"],

.comments-area .comment-respond input[type="month"],

.comments-area .comment-respond input[type="text"],

.comments-area .comment-respond input[type="email"],

.comments-area .comment-respond input[type="url"],

.comments-area .comment-respond input[type="password"],

.comments-area .comment-respond input[type="search"],

.comments-area .comment-respond input[type="tel"],

.comments-area .comment-respond input[type="number"],

.comments-area .comment-respond textarea {

    display: block;

    width: 100%;

    background-color: #fff;

    border: 1px solid #eee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.comments-area .comment-respond input[type="date"]:focus,

.comments-area .comment-respond input[type="time"]:focus,

.comments-area .comment-respond input[type="datetime-local"]:focus,

.comments-area .comment-respond input[type="week"]:focus,

.comments-area .comment-respond input[type="month"]:focus,

.comments-area .comment-respond input[type="text"]:focus,

.comments-area .comment-respond input[type="email"]:focus,

.comments-area .comment-respond input[type="url"]:focus,

.comments-area .comment-respond input[type="password"]:focus,

.comments-area .comment-respond input[type="search"]:focus,

.comments-area .comment-respond input[type="tel"]:focus,

.comments-area .comment-respond input[type="number"]:focus,

.comments-area .comment-respond textarea:focus {

    border-color: #02298a;

}

.comments-area .comment-respond .comment-form-author {

    float: left;

    width: 50%;

    padding-right: 10px;

    margin-bottom: 20px;

}

.comments-area .comment-respond .comment-form-email {

    float: left;

    width: 50%;

    padding-left: 12px;

    margin-bottom: 20px;

}

.comments-area .comment-respond .comment-form-url {

    float: left;

    width: 100%;

    margin-bottom: 20px;

}

.comments-area .comment-respond .comment-form-cookies-consent {

    width: 100%;

    float: left;

    position: relative;

    padding-left: 20px;

    margin-bottom: 20px;

}

.comments-area .comment-respond .comment-form-cookies-consent input {

    position: absolute;

    left: 0;

    top: 7px;

}

.comments-area .comment-respond .comment-form-cookies-consent label {

    display: inline-block;

    margin: 0;

    color: #777;

    font-weight: 400;

}

.comments-area .comment-respond .form-submit {

    float: left;

    width: 100%;

}

.comments-area .comment-respond .form-submit input {

    background: #02298a;

    border: none;

    color: #fff;

    padding: 10.5px 25px;

    display: inline-block;

    cursor: pointer;

    outline: 0;

    border-radius: 0;

    text-transform: uppercase;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-weight: 600;

    font-size: 14px;

}

.comments-area .comment-respond .form-submit input:hover,

.comments-area .comment-respond .form-submit input:focus {

    background-color: #df0000;

    color: #fff;

}

.project-details-img img {

    border-radius: 5px;

}

.project-details-info {

    background-color: #fff;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    padding: 30px;

}

.project-details-info ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.project-details-info ul li {

    margin-bottom: 14px;

    color: #777;

    font-size: 16px;

}

.project-details-info ul li:last-child {

    margin-bottom: 0;

}

.project-details-info ul li span {

    color: #141414;

    font-weight: 600;

}

.project-details-info ul li a {

    display: inline-block;

    color: #777;

}

.project-details-info ul li a:hover {

    color: #02298a;

}

.project-details-desc {

    margin-top: 30px;

}

.project-details-desc h3 {

    margin-bottom: 15px;

    font-size: 22px;

    font-weight: 700;

}

.project-details-desc .blockquote,

.project-details-desc blockquote {

    background: #f7f7f7;

    padding: 30px !important;

    border-left: 4px solid #df0000;

    margin-bottom: 25px;

    margin-top: 25px;

}

.project-details-desc .blockquote::before,

.project-details-desc blockquote::before {

    display: none;

}

.project-details-desc .blockquote p,

.project-details-desc blockquote p {

    margin-bottom: 0;

    color: #000;

    font-style: italic;

    font-weight: 600;

    font-size: 16px;

}

.project-next-and-prev {

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    background-color: #fff;

    padding: 30px;

    margin-top: 30px;

    position: relative;

}

.project-next-and-prev .btn:not(:first-child) {

    position: absolute;

    right: 30px;

    top: 50%;

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

    transform: translateY(-50%);

}

.error-area {

    height: 100vh;

}

.error-content {

    text-align: center;

    margin: 0 auto;

    max-width: 700px;

}

.error-content h3 {

    font-size: 35px;

    font-weight: 700;

    margin-top: 30px;

    margin-bottom: 17px;

}

.error-content p {

    max-width: 520px;

    margin: 0 auto 20px;

}

.faq-accordion {

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    padding: 50px;

    background: #fff;

    border-radius: 5px;

}

.faq-accordion .accordion {

    list-style-type: none;

    padding: 0;

    margin: 0;

    border: none !important;

}

.faq-accordion .accordion .accordion-item {

    display: block;

    margin-bottom: 15px;

    border: none !important;

}

.faq-accordion .accordion .accordion-item:last-child {

    margin-bottom: 0;

}

.faq-accordion .accordion .accordion-item .accordion-title {

    display: block;

    padding: 12px 20px 12px 53px;

    text-decoration: none;

    color: #141414;

    position: relative;

    border-bottom: 1px solid #fff;

    background: #f5f9ff;

    font-size: 16px;

    font-weight: 600;

}

.faq-accordion .accordion .accordion-item .accordion-title i {

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    text-align: center;

    height: 100%;

    background: #02298a;

    color: #fff;

}

.faq-accordion .accordion .accordion-item .accordion-title i::before {

    position: absolute;

    left: 0;

    top: 50%;

    right: 0;

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

    transform: translateY(-50%);

    font-size: 14px;

}

.faq-accordion .accordion .accordion-item .accordion-title.active {

    border-bottom-color: #e1e1e1;

}

.faq-accordion .accordion .accordion-item .accordion-title.active i::before {

    content: "\f121";

}

.faq-accordion .accordion .accordion-item .accordion-content {

    display: none;

    position: relative;

    padding: 15px 0 0;

    font-size: 14.5px;

}

.faq-accordion .accordion .accordion-item .accordion-content.show {

    display: block;

}

.faq-contact {

    margin-top: 45px;

    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);

    padding: 50px;

    border-radius: 5px;

    background: #fff;

    text-align: center;

}

.faq-contact h3 {

    margin-bottom: 25px;

    font-size: 22px;

    font-weight: 700;

}

.faq-contact form .form-group {

    margin-bottom: 25px;

}

.faq-contact form .btn {

    margin-top: 10px;

}

.faq-contact form textarea {

    padding-top: 14px;

    height: 120px;

}

.coming-soon-area {

    position: relative;

    z-index: 1;

    height: 100vh;

    background-image: url(../../assets/img/coming-soon.jpg);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.coming-soon-area::before {

    z-index: -1;

    background: linear-gradient(-9deg, #6a82fb 0%, #6a82fb 40%, #fc5c7d 100%);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    opacity: 0.8;

}

.coming-soon-area .social-list {

    padding: 0;

    margin: 0;

    list-style-type: none;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    bottom: 30px;

}

.coming-soon-area .social-list li {

    display: inline-block;

}

.coming-soon-area .social-list li.list-heading {

    display: block;

    color: #fff;

    margin-bottom: 10px;

    font-size: 16px;

    font-weight: 500;

}

.coming-soon-area .social-list li a {

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: #02298a;

    color: #fff;

    border-radius: 50%;

    margin: 0 2px;

}

.coming-soon-area .social-list li a svg {

    width: 15px;

}

.coming-soon-area .social-list li a.facebook {

    background-color: #3b5998;

}

.coming-soon-area .social-list li a.twitter {

    background-color: #1da1f2;

}

.coming-soon-area .social-list li a.linkedin {

    background-color: #0077b5;

}

.coming-soon-area .social-list li a.instagram {

    background-color: #c13584;

}

.coming-soon-area .social-list li a:hover,

.coming-soon-area .social-list li a:focus {

    background-color: #02298a;

}

.coming-soon-content {

    text-align: center;

    max-width: 820px;

    margin: -80px auto 0;

}

.coming-soon-content h1 {

    color: #fff;

    margin-bottom: 15px;

    font-size: 46px;

    font-weight: 700;

}

.coming-soon-content p {

    color: #fff;

    font-size: 16px;

    margin: 0 auto;

    max-width: 620px;

}

.coming-soon-content form {

    position: relative;

    margin: 35px auto 55px;

    max-width: 520px;

}

.coming-soon-content form .email-input {

    display: block;

    width: 100%;

    height: 56px;

    border: none;

    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.3);

    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 5px rgba(255, 255, 255, 0.3);

    border-radius: 40px;

    padding: 15px 25px;

    outline: 0 !important;

    background: #f1f2f3;

}

.coming-soon-content form .submit-btn {

    position: absolute;

    right: 3px;

    top: 3px;

    height: 50px;

    background: #02298a;

    color: #fff;

    border: none;

    border-radius: 40px;

    width: 130px;

    outline: 0 !important;

    cursor: pointer;

    text-transform: uppercase;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 14px;

    font-weight: 600;

}

.coming-soon-content form .submit-btn:hover,

.coming-soon-content form .submit-btn:focus {

    background-color: #df0000;

}

.coming-soon-content #timer div {

    background: #fff;

    display: inline-block;

    border-radius: 50%;

    width: 120px;

    height: 120px;

    color: #df0000;

    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);

    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);

    margin: 0 10px;

    padding-top: 18px;

    font-size: 40px;

    font-weight: 700;

}

.coming-soon-content #timer div span {

    display: block;

    margin-top: -4px;

    color: #777;

    font-size: 14px;

    font-weight: 600;

}

.footer-area {

    padding-top: 0px;

}

.footer-area.optional-color .single-footer-widget .social li a:hover {

    background-color: #df0000;

}

.single-footer-widget h3 {

    margin-bottom: 25px;

    color: #fff;

    position: relative;

    padding-bottom: 8px;

    font-size: 22px;

    font-weight: 700;

}



.single-footer-widget .logo {

    margin-bottom: 15px;

}

.single-footer-widget p {

    color: #ddd;

}

.single-footer-widget .social {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.single-footer-widget .social li {

    display: inline-block;

}

.single-footer-widget .social li a {

    background-color: #343434;

    color: #fff;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 36px;

    font-size: 14px;

    border-radius: 50%;

}

.single-footer-widget .social li a:hover {

    color: #fff;

    background-color: #02298a;

}

.single-footer-widget .services-list {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.single-footer-widget .services-list li {

    margin-bottom: 12px;

    border-bottom: 1px solid #707070; padding:10px 0px ;

}

.single-footer-widget .services-list li span { color: #ddd;}

.single-footer-widget .services-list li a {

    color: #ddd;

    position: relative;

    display: inline-block;

}

.single-footer-widget .services-list li a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

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

    transform: translateY(-50%);

    width: 7px;

    height: 2px;

    background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));

    background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.single-footer-widget .services-list li a:hover::before {

    opacity: 1;

    visibility: visible;

}

.single-footer-widget .services-list li:last-child {

    margin-bottom: 0;

}

.single-footer-widget .footer-contact-list {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.single-footer-widget .footer-contact-list li {

    margin-bottom: 8px;

    color: #ddd;

    line-height: 1.8;

}

.single-footer-widget .footer-contact-list li span {

    color: #fff;

    font-weight: 600;

}

.single-footer-widget .footer-contact-list li a {

    color: #ddd;

    display: inline-block;

}

.single-footer-widget .footer-contact-list li a:hover {

    color: #df0000;

}

.single-footer-widget .footer-contact-list li:last-child {

    margin-bottom: 0;

}

.single-footer-widget .working-hours {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

}

.single-footer-widget .working-hours li {

    margin-bottom: 12px;

    color: #ddd;

}

.single-footer-widget .working-hours li span {

    color: #fff;

    font-weight: 600;

}

.single-footer-widget .working-hours li a {

    color: #ddd;

    display: inline-block;

}

.single-footer-widget .working-hours li a:hover {

    color: #df0000;

}

.single-footer-widget .working-hours li:last-child {

    margin-bottom: 0;

}

.copyright-area {

    background-color: #30415E;

    padding-top: 25px;

    padding-bottom: 25px;

}

.copyright-area p {

    color: #f8f8f8;

    font-size: 14px;
    display: inline-flex;

}

.copyright-area p span {

    color: #fff;

    font-weight: 600;

}

.copyright-area ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    text-align: right;

}

.copyright-area ul li {

    position: relative;

    display: inline-block;

    color: #fff;

    margin-right: 17px;

    font-size: 14px;

}

.copyright-area ul li a {

    color: #f8f8f8;

}

.copyright-area ul li a:hover {

    color: #df0000;

}

.copyright-area ul li:last-child {

    margin-right: 0;

}

.copyright-area ul li:last-child::before {

    display: none;

}

.copyright-area ul li::before {

    content: "";

    position: absolute;

    right: -12px;

    top: 50%;

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

    transform: translateY(-50%);

    width: 4px;

    height: 2px;

    background: #fff;

}

.go-top {

    position: fixed;

    cursor: pointer;

    top: 0;

    right: 15px;

    color: #fff;

    background-color: #141414;

    z-index: 4;

    width: 40px;

    text-align: center;

    height: 42px;

    line-height: 42px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.9s;

    transition: 0.9s;

}

.go-top.active {

    top: 98%;

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

    transform: translateY(-98%);

    opacity: 1;

    visibility: visible;

}

.go-top i {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%;

}

.go-top::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));

    background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.go-top:hover,

.go-top:focus {

    color: #fff;

}

.go-top:hover::before,

.go-top:focus::before {

    opacity: 1;

    visibility: visible;

}

.go-top:hover i:first-child,

.go-top:focus i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden;

}

.go-top:hover i:last-child,

.go-top:focus i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%;

}

.productsCartModal.modal.right .modal-dialog {

    position: fixed;

    margin: auto;

    width: 420px;

    height: 100%;

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

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

}

.productsCartModal.modal.right .modal-content {

    height: 100%;

    overflow-y: auto;

}

.productsCartModal.modal.right.fade .modal-dialog {

    right: -420px;

    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;

    transition: opacity 0.3s linear, right 0.3s ease-out;

}

.productsCartModal.modal.right.fade.show .modal-dialog {

    right: 0;

}

.productsCartModal .modal-content {

    border-radius: 0;

    border: none;

}

.productsCartModal .modal-content .modal-body {

    padding: 30px;

}

.productsCartModal .modal-content .modal-body h3 {

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 25px;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart {

    position: relative;

    border-bottom: 1px dashed #eee;

    margin-bottom: 15px;

    padding-left: 60px;

    padding-bottom: 15px;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-image {

    position: absolute;

    left: 0;

    top: 0;

    width: 50px;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content {

    padding: 4px;

    position: relative;

    padding-right: 15px;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content .remove-btn {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    right: 0;

    color: #777;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content .remove-btn:hover {

    color: red;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content h3 {

    font-size: 16px;

    text-transform: initial;

    margin-bottom: 3px;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content h3 a {

    color: #141414;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content .product-price span {

    display: inline-block;

    margin-bottom: 0;

    color: #777;

    font-size: 11px;

    font-weight: 600;

}

.productsCartModal .modal-content .modal-body .product-cart-content .product-cart .product-content .product-price span.price {

    font-size: 12px;

    color: #141414;

}

.productsCartModal .modal-content .modal-body .product-cart-subtotal {

    overflow: hidden;

    margin-bottom: 15px;

}

.productsCartModal .modal-content .modal-body .product-cart-subtotal span {

    text-transform: uppercase;

    display: inline-block;

    font-size: 15px;

    font-weight: 600;

}

.productsCartModal .modal-content .modal-body .product-cart-subtotal span.subtotal {

    float: right;

    font-weight: 400;

}

.productsCartModal .modal-content .modal-body .product-cart-btn .btn {

    display: block;

}

.productsCartModal .modal-content .modal-body .product-cart-btn .btn.btn-secondary {

    margin-top: 12px;

}

.productsCartModal .close {

    color: #141414;

    font-size: 30px;

    outline: 0 !important;

    line-height: initial;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    position: absolute;

    right: 10px;

    top: 0;

    z-index: 1;

    border: none;

    background-color: transparent;

}

.productsCartModal .close:not(:disabled):not(.disabled):hover,

.productsCartModal .close:not(:disabled):not(.disabled):focus {

    color: #141414;

    text-decoration: none;

    opacity: 1;

}

.productsQuickView .modal-dialog {

    max-width: 900px;

}

.productsQuickView .modal-content {

    border: none;

    border-radius: 0;

}

.productsQuickView .modal-content button.close {

    position: absolute;

    right: 2%;

    display: inline-block;

    opacity: 1;

    z-index: 3;

    top: 2%;

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 32px;

    border: 1px solid #eee;

    border-radius: 50%;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    text-shadow: unset;

}

.productsQuickView .modal-content button.close span {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    text-shadow: unset;

}

.productsQuickView .modal-content button.close:hover,

.productsQuickView .modal-content button.close:focus {

    background-color: #02298a;

    color: #fff;

}

.productsQuickView .modal-content button.close:hover span,

.productsQuickView .modal-content button.close:focus span {

    color: #fff;

}

.productsQuickView .modal-content .products-image {

    overflow: hidden;

}

.productsQuickView .modal-content .products-image img {

    width: 100%;

}

.productsQuickView .modal-content .products-content {

    padding-right: 15px;

}

.productsQuickView .modal-content .products-content h3 {

    margin-bottom: 12px;

    font-size: 22px;

    font-weight: 700;

}

.productsQuickView .modal-content .products-content p {

    margin-bottom: 20px;

    font-size: 14px;

}

.productsQuickView .modal-content .products-content .price {

    margin-bottom: 10px;

}

.productsQuickView .modal-content .products-content .price span {

    color: #777;

    font-size: 14px;

    font-weight: 600;

}

.productsQuickView .modal-content .products-content .price span.old-price {

    text-decoration: line-through;

    color: #c1bdbd;

}

.productsQuickView .modal-content .products-content form .quantity {

    display: inline-block;

}

.productsQuickView .modal-content .products-content form .quantity input {

    border: 1px solid #eee;

    background: #fff;

    height: 45px;

    padding: 15px;

    width: 75px;

    outline: 0;

    font-size: 16px;

}

.productsQuickView .modal-content .products-content form button {

    background: #02298a;

    color: #fff;

    border: none;

    height: 45px;

    line-height: 45px;

    padding: 0 20px;

    font-weight: 600;

    cursor: pointer;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}

.productsQuickView .modal-content .products-content form button:hover,

.productsQuickView .modal-content .products-content form button:focus {

    background-color: #df0000;

    color: #fff;

}

.productsQuickView .modal-content .products-content .product-meta {

    margin-top: 15px;

}

.productsQuickView .modal-content .products-content .product-meta span {

    display: inline-block;

    margin-right: 8px;

    color: #141414;

    font-weight: 700;

    font-size: 14px;

}

.productsQuickView .modal-content .products-content .product-meta a {

    display: inline-block;

    color: #777;

    font-weight: 400;

}

.productsQuickView .modal-content .products-content .product-meta a:hover {

    color: #02298a;

}



.top-header-content .logo img {

    width: 200px;

}



.Projectsbg { background-image: url(../img/projectbg.jpg); background-repeat: no-repeat; background-size: cover;}

.productbg { background-image: url(../img/productsbg.jpg); background-repeat: no-repeat; background-size: cover;}

.productvidebg { padding: 40px 0px; background-image: url(../img/productsbg.jpg); background-repeat: no-repeat; background-size: cover;}



.colordark h2{ color: #515d83;}

.single-product-box {

    margin-bottom: 30px;

    text-align: center;

    background-color: #fff;

    border-radius: 1px;

    border: 2px solid #f6f6f6;

    padding: 0px 0px;

    padding-bottom: 20px;

    position: relative;

    z-index: 1; background-color: #F8F8F8; min-height: 450px;

}



.single-product-box img {

    display: inline-block;

    width: 100%;

    height: 100%;

    border-bottom: 2px solid #C51E03;    

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.single-product-box h3 {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 15px;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 15px;

    color: #1A2F4B;

    text-transform: uppercase;

    

}

.single-product-box p {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    margin-bottom: 0;

    color: #2C496F; padding: 0px 10px;  font-size: 14px;

}

.single-product-box ul{ padding: 0; margin: 0; text-align: center;}

.single-product-box ul li {font-size: 14px; color: #2C496F; list-style: none; margin-bottom: 6px; padding: 0px 10px; line-height: 20px; }

.single-product-box .read-more-btn {

    margin-top: 20px;

}

.single-product-box:hover {

    border-radius: 0;

}

.single-product-box:hover h3 {

    color: #E20101; 

}

.single-product-box:hover p {

    color: #2C496F; 

}

.single-product-box:hover::before {

    opacity: 1;

    visibility: visible;

}

.single-product-box .read-more-btn { background-color:#C1DBE5 ; padding: 5px 15px; border-radius: 20px;}



.single-product-box:hover .read-more-btn {

    color: #fff; background-color: #EEF3F5; border-radius: 20px;

}







.single-product-box:hover .read-more-btn::before {

    background: #000fff;

}

.single-product-box:hover .icon {

    border-color: #556e8b;

}

.single-product-box:hover .icon::before {

    opacity: 0;

    visibility: hidden;

}

.single-product-box:hover .icon::after {

    opacity: 1;

    visibility: visible;

}



button {

    position: relative;

    display: inline-block;

    cursor: pointer;

    outline: none;

    border: 0;

    vertical-align: middle;

    text-decoration: none;

    background: transparent;

    padding: 0;

    font-size: inherit;

    font-family: inherit;

  }

  button.learn-more {

    width: 10rem;

    height: auto;

    margin-top: 15px;

 

  }

  button.learn-more .circle {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    position: relative;

    display: block;

    margin: 0;

    width: 1.5rem;

    height: 1.5rem;

    background: #5b86af;

    border-radius: 1.625rem;

  }

  button.learn-more .circle .icon {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    background: #fff;

  }

  button.learn-more .circle .icon.arrow {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    left: 0.550rem;

    width: 1rem;

    height: 0.125rem;

    background: none;

  }

  button.learn-more .circle .icon.arrow::before {

    position: absolute;

    content: "";

    top: -0.25rem;

    right: 0.555rem;

    width: 0.625rem;

    height: 0.625rem;

    border-top: 0.125rem solid #fff;

    border-right: 0.125rem solid #fff;

    transform: rotate(45deg);

    

  }

  button.learn-more .button-text {

    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 0.12rem 0;

    margin: 0 0 0 1.85rem;

    color: #282936;

    font-weight: 600;

    line-height: 1.6;

    text-align: center;

    text-transform: uppercase;

    font-size: 13px;

    

  }

  button:hover .circle {

    width: 100%;

  }

  button:hover .circle .icon.arrow {

    background: #fff;

    transform: translate(1rem, 0);

  }

  button:hover .button-text {

    color: #fff;

  }



  .footerdiv { padding: 0px 0px; background-color: #5B86AE;}

  .quote-content { background-color: #5B86AE; padding: 20px;}



  .quote-content .section-title {

    position: relative;

    z-index: 1;

    margin-top: 20px;

    margin-bottom: 30px; color: #fff;

}

.quote-content .section-title h4 {color: #fff;}



  .video-selected {

  width: 100%;

  max-width: 640px;

  margin: 0 auto;

  }

        

.video-iframe {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  margin-bottom: 10px;

}

        

.video-iframe iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

        

.video-thumbnails {

  margin: 0 auto;

  padding: 0;

  width: 100%;

}



.video-thumb {

  height: auto;

}



.video-thumb img {

  background-color: #d8d9da;

  width: 100%;

  height: 100%; cursor: pointer;

}



.video-thumb iframe {

  display: none;

}



.video-thumb,

.video-selected {

  padding: 5px;

}



.video-thumb p {

  margin: 0;

  font-size: 12px;

}



.video-thumb p.name {

  margin-top: 5px;

  font-weight: bold;

}



.video-thumbnails .col-md-4 { margin: 0px; padding: 0px;}

.footerdrk{ background-color:#8092ae;  background-size: cover; background-repeat: no-repeat; padding: 45px 30px; height: 100%;}

.map{ margin-top: 20px; margin-bottom: 20px; }



.product-dscription{ min-height: 220px;}



.innerbg {

    background-image: url(../img/gas-banner.jpg); background-size: cover;

}

.innerbgCprofile {

    background-image: url(../img/cp-banner.jpg); background-size: cover;

}

.innerbgCprofile-2 {

    background-image: url(../img/cp2-banner.jpg); background-size: cover;

}

.productsection{ padding-top: 40px;}

.productsection .section-title h2{

    color: #515d83; text-align: center;

}



.productsection .inner-content { padding-top: 30px;}

.productsection .about-company-content { padding-left: 0px; padding-right: 60px;}

.productsection .inner-content2 { padding-top: 0px; !

}

.productsection .about-company-content {

    background:#fff;

    z-index: 1;

    margin-top: 0px;

    margin-bottom: 0px;

    padding-top: 70px;

    padding-bottom: 70px;

    padding-left: 40px;

    padding-right:60px;

}



.productsection .about-company-content .inner-content {

    max-width: 635px;

    margin-left: auto;

}

.productsection .about-company-content .section-title {

    margin-bottom: 25px;

    color: #515d83;

}



.productsection .about-company-content .section-title img {

    display: block; width: 200px;

}



h1{

    font-family: "Crimson Text", serif;

    line-height: 1.4;

    text-align: center;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: subpixel-antialiased;

    letter-spacing: -.5px;

    font-size: 3em;

    margin-top: 0px;

    margin-bottom: 0px;

}

hr {

    margin-top: 0px;

    margin-bottom: 0px;

    border: 0;

    border-top: 1px solid #000;

    width: 282px;

}



.contain_archive {

  width: 100%;

}

.row_nm_videos {

  overflow: scroll;

  width: 100%;

}

.row__inner {

  -webkit-transition: 450ms transform;

  transition: 450ms transform;

  font-size: 0;

  white-space: nowrap;

  margin: 70.3125px 0;

  padding-bottom: 10px;

}

.tile {

  position: relative;

  display: inline-block;

  width: 250px;

  height: 140.625px;

  margin-right: 10px;

  font-size: 20px;

  cursor: pointer;

  -webkit-transition: 450ms all;

  transition: 450ms all;

  -webkit-transform-origin: center left;

          transform-origin: center left;

}

.tile__img {

  width: 250px;

  height: 140.625px;

  -o-object-fit: cover;

     object-fit: cover;

}

.tile__details {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  top: 0;

  font-size: 10px;

  opacity: 0;

  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);

  background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);

  -webkit-transition: 450ms opacity;

  transition: 450ms opacity;

}

.tile__details:after,

.tile__details:before {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  display: #000;

}

.tile__details:after {

  margin-top: -25px;

  margin-left: -25px;

  width: 50px;

  height: 50px;

  border: 1px solid #ecf0f1;

  line-height: 50px;

  text-align: center;

  border-radius: 100%;

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

  z-index: 1;

}

.tile__details:before {

    content: '▶';

    left: 0;

    color: #fff;

    width: 100%;

    font-size: 30px;

    margin-left: 4px;

    margin-top: -18px;

    text-align: center;

    z-index: 2;

    top: 52%;

}

.tile:hover .tile__details {

  opacity: 1;

}

.tile__title {

  position: absolute;

  bottom: 0;

  padding: 10px;

}

.row__inner:hover {

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

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

}

.row__inner:hover .tile {

  opacity: 0.7;

}

.row__inner:hover .tile:hover {

  -webkit-transform: scale(2);

          transform: scale(2);

  opacity: 1;

}

.tile:hover ~ .tile {

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

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

}



.tile_desc{

  position: absolute;

  bottom: 10px;  

  color: #fff;

  font-size: .610em;

  font-family: "Crimson Text";

  margin-left: 10px;

  font-weight: 100;

}

.tile_desc:after {

    display: block;

    width: 20px;

    height: 0;

    font-weight: 100;

    border-bottom: 0.160em solid;

    content: "";

    color: #fff;

}



.text-left{ text-align: left !important;}

.text-left h2{ text-align: left !important;}



.innertext{ background-color: #2e3e5c; margin-bottom: 20px;}

.innertext .row{ 

display: flex;

align-items: center;

}



.innertext .inner-content h4{ color: #fff;}

.innertext .inner-content p{ color: #fff; font-size: 14px;}

.innertext .inner-content{ padding: 15px; padding-bottom: 0px; margin-bottom: 0px; position: relative;}

.innertext .section-title { margin-bottom: 0px; padding-bottom: 0px;}



.innertext .inner-content:before

 {

  display: block;

  position: absolute;

  top: 35%;

  width: 40px;

  height: 40px;

  content: "";

  border-top: solid 30px transparent;

  border-bottom: solid 30px transparent;

}

.innertext .inner-content:before {

  left: -40px;

  border-right:solid 40px rgb(46, 62, 92);

}



.image-popup-vertical-fit{ margin-bottom: 15px;}



.gallery-content .section-title {

    margin-bottom: 15px;

    color: #515d83;

    margin-top: 15px;

}



.gallery-content .section-title h2 {

    margin-top: 35px;

    color: #515d83;

}

.text-left{ text-align: left !important; padding: 10px 0px;}

.inner-content .section-title img{ max-width: 100px;}



.product-content-details h3 {

    color: #515d83;

    font-weight: 600;

}

.product-content-details{ padding-left: 30px; padding-right: 30px;}

.product-content-details img {

     max-width: 150px;

     padding: 10px 0px;

}



.product-content-details p {

    margin-top: 0;

    color: #515d83;

}





.productsection .about-company-content-inn{

background: #fff;

z-index: 1;

margin-top: 0px;

margin-bottom: 0px;

padding-top: 0px;

/* padding-bottom: 70px; */

padding-left: 20px;

color: #515d83 !important;

padding-right: 60px;



}

.productsection .about-company-content-inn p{



    color: #515d83 !important;

   

    

    }





    .table-background{

        background-color: grey !important;

        padding: 3rem 1rem;

        width: 100%;

    }



    .ul_li_padding li{

        padding-left: -1rem !important;

    }

    



    .img-broder{

        border: 1px solid #02307c;

    }

.product-content{ background-color: #fff; box-shadow: 0px 3px 6px 0px rgba(184,184,184,0.75);

    -webkit-box-shadow: 0px 3px 6px 0px rgba(184,184,184,0.75);

    -moz-box-shadow: 0px 3px 6px 0px rgba(184,184,184,0.75); padding: 20px; margin: 15px 0px; border: 1px solid #dadada; }





    .certificate-contents{

        text-align: center;

        padding: 3rem 10rem;

    }

    

    /* .services-slides img{

        height: 6rem;

    } */

    .section-title-certificate{

        text-align: center;

        padding: 4rem ;

    

    }

    .section-title-certificate h2{

      

    color: #515d83;

    font-family: open sans, sans-serif;

    font-weight: 600 !important;

    font-size: 30px !important;

    margin-top: 1rem;

    text-transform: capitalize !important;

    

    }

    .section-title-certificate p{ 

       

        padding: 0 10rem ;

    

    }

    .section-certifacates img{ 

       

       min-height: 2rem !important;

        

    }





@media(max-width:990px){

    .section-title-certificate p{ 

       

        padding: 0 0rem ;

    

    }





    

}



.section-title-certificate  .services-slides.owl-theme .owl-nav.disabled + .owl-dots{

    display: none !important;

}





/***** abt time line *****/



.ps-timeline-sec {

    position: relative;

    background: #fff;

}

.ps-timeline-sec .container {

    position: relative;

}

@media screen and (max-width: 767px) {

    .ps-timeline-sec .container ol:before {

        background: #348e80;

        content: "";

        width: 10px;

        height: 10px;

        border-radius: 100%;

        position: absolute;

        top: 130px !important;

        left: 36px !important;

   }

    .ps-timeline-sec .container ol:after {

        background: #348e80;

        content: "";

        width: 10px;

        height: 10px;

        border-radius: 100%;

        position: absolute;

        top: inherit !important;

        left: 36px;

        display: none;

   }

    .ps-timeline-sec .container ol.ps-timeline {

        margin: 130px 0 !important;

        border-left: 2px solid #348e80;

        padding-left: 0 !important;

        padding-top: 120px !important;

        border-top: 0 !important;

        margin-left: 25px !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li {

        height: 281px;

        float: none !important;

        width: inherit !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {

        width: 70px;

   }

    .ps-timeline-sec .container ol.ps-timeline li:last-child {

        margin: 0;

        bottom: 0 !important;

        height: 193px;

   }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {

        bottom: 40px !important;

        width: 40% !important;

        margin-left: 25px !important;

        margin-top: 0 !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {

        width: 100%;

   }

    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {

        margin-bottom: 0 !important;

        top: 20px;

        width: 50% !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li span {

        left: 9px !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {

        content: none !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {

        content: none !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {

        content: none !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {

        content: none !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {

        position: absolute !important;

        bottom: 150px !important;

        width: 30% !important;

        float: left !important;

        margin-left: 35px !important;

        margin-bottom: 0 !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {

        margin: 0 auto !important;

        width: 80% !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {

        position: absolute !important;

        bottom: 115px !important;

        width: 30% !important;

        float: left !important;

        margin-left: 35px !important;

        margin-bottom: 0 !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li p {

        text-align: center !important;

        width: 100% !important;

        margin: 0 auto !important;

        margin-top: 0px !important;

   }

    .ps-timeline-sec .container ol.ps-timeline li .ps-top {

        width: 162% !important;

        float: right !important;

        right: 0;

        top: -75px;

   }

   .ps-timeline-sec .container ol:before {

   

    display: none;

}

    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {

        width: 60% !important;

        float: right !important;

        right: 193px;

        top: -71px;

   }

   .ps-timeline-sec .container ol.ps-timeline li .first-height{

    height: 180px !important;

   }

   .height-adjuster{

       height: 100px !important;

   }

   .res-imgs-padding{

       height: 200px;

   }

   .col margine-top-imgs{

       margin-top: 2rem;

   }

}



/***** Res */



.ps-timeline-sec .container ol:before {

    background: #044093;

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 100%;

    position: absolute;

    left: 8px;

    top: 49.5%;

}

.ps-timeline-sec .container ol:after {

    background: #044093;

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 100%;

    position: absolute;

    right: 8px;

    top: 49.5%;

}

.ps-timeline-sec .container ol.ps-timeline {

    margin: 205px 0;

    padding: 0;

    border-top: 2px solid #0f4897;

    list-style: none;

}

.ps-timeline-sec .container ol.ps-timeline li {

    float: left;

    width: 25%;

    padding-top: 30px;

    position: relative;

}

.ps-timeline-sec .container ol.ps-timeline li span {

    width: 30px;

    height: 30px;

    margin-left: -25px;

    background: #fff;

    border: 4px solid #0f4897;

    background-color: #fff730;

    border-radius: 50%;

    box-shadow: 0 0 0 0px #fff;

    text-align: center;

    line-height: 50px -10;

    color: #df8625;

    font-size: 2em;

    font-style: normal;

    position: absolute;

    top: -17px;

    left: 50%;

}

/* .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {

    content: '';

    color: #348e80;

    width: 2px;

    height: 50px;

    background: #348e80;

    position: absolute;

    top: -50px;

    left: 50%;

} */

/* .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {

    content: '';

    color: #348e80;

    width: 8px;

    height: 8px;

    background: #348e80;

    position: absolute;

    bottom: 90px;

    left: 44%;

    border-radius: 100%;

} */

/* .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {

    content: '';

    color: #348e80;

    width: 2px;

    height: 50px;

    background: #348e80;

    position: absolute;

    bottom: -50px;

    left: 50%;

} */

/* .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {

    content: '';

    color: #348e80;

    width: 8px;

    height: 8px;

    background: #348e80;

    position: absolute;

    top: 90px;

    left: 44%;

    border-radius: 100%;

} */

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {

    position: absolute;

    bottom: 0;

    margin-bottom: 76px;

    width: 100%;

}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {

    display: table;

    margin: 0 auto;

}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {

    text-align: center;

    position: absolute;

    margin-top: 0px;

    width: 100%;

}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {

    display: table;

    margin: 0 auto;

}

.ps-timeline-sec .container ol.ps-timeline li p {

    text-align: center;

    width: 80%;

    margin: 0 auto;

}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {

    position: absolute;

    bottom: 0;

    margin-bottom: 48px;

    margin-left: 130px;

}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {

    position: absolute;

    margin-top: -15px;

    margin-left: 135px;

}





.ps-timeline-sec img{

    height: 4.5rem;

}



/* .ps-timeline-sec .sec-img img{

    height: 5rem;

} */



.company-urls{

    text-align: center !important;

}





.certificate-bg{

    background-color: #fffcf7;

}



.ps-timeline-sec a {

    color: black;

}



.family-h3 {

    font-size: 22px;

    font-weight: 700;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    line-height: 1.5;

    margin-bottom: 15px;

    margin-top: 20px;

    text-align: center !important;

}



.content-main-head h2 {

    font-size: 28px;

    font-weight: 600;

    margin-top: 5px;

    margin-bottom: 10px;

    color: #515d83;

}

.content-main-head {

    margin-top:1rem;

}



/********* new naw ***/



.author {

    position: fixed;

    bottom: 15px;

    right: 15px;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #999;

  }

  

  .author a {

    color: #777;

    text-decoration: none;

    text-transform: uppercase !important;

  }

  

  .author a:hover {

    color: blue;

  }

  

  header.dark blockquote { color:#fff; }

  header.light blockquote { color:#000; }

  

  blockquote { 

    max-width: 1000px; 

    margin:0 auto;

    font-size: 16px; 

    border-left: 0px;

    padding:  20px ;

  }

  

  blockquote h2 { padding-right: 40px; margin: 0px; }

  header.dark blockquote a {color: orange; text-decoration: underline;}

  header.light blockquote a {text-decoration: underline;}

  header { min-height:0px; }

  header.dark { background-color: #444; }

  header.light { background-color: #fff; }

  

  /* Navigation Styles */

  nav { position: relative;  }

  header.dark nav { background-color:rgba(255,255,255,0.5); }

  header.light nav { background-color:rgba(0,0,0,0.5); }

  

  ul.main-nav { 

    list-style-type: none; 

    padding: 0px;

    font-size: 0px;

    max-width: 1000px;

    margin: 0 auto;

  }

  

  ul.main-nav > li { 

    display: inline-block;

    padding: 0; 

  }

  

  ul.main-nav > li > a { 

    display: block; 

    padding: 20px 30px; 

    position: relative;

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    box-sizing: border-box;

    text-transform: uppercase;

    font-weight: 600;

    color: #fff !important;

  

  }

  

  ul.main-nav > li:hover { background-color: #f9f9f9; }

  ul.main-nav > li:hover > a { color: #000 !important; font-weight: 600; }

  

  ul.main-nav > li ul.sub-menu-lists {

    margin: 0px;

    padding: 0px;

    list-style-type : none;

    display:block;

   

  }

  

  ul.main-nav > li ul.sub-menu-lists > li {

    padding: 2px 0;

  }

  

  ul.main-nav > li ul.sub-menu-lists > li > a {

    font-size: 14px;

    color: #000;

      transition: 0.5s;

  }

    ul.main-nav > li ul.sub-menu-lists > li > a:hover{

    margin-left: .5rem;

    color: #fff                     ;

    background-color:#5b86af;

}

  

  .ic {

    position: fixed; 

    cursor: pointer;

    display: inline-block;

    right: 25px;

    width: 32px;

    height: 24px;

    text-align: center;

    top:0px;

    outline: none;

    background-color: #000;

  }

  

  .ic.close { 

    opacity: 0; 

    font-size: 0px; 

    font-weight: 300; 

    color: #fff;

    top:8px;

    height:40px;

    display: block;

    outline: none;

  }

  

  /* Menu Icons for Devices*/

  .ic.menu { top:25px; z-index : 20; }

  

  .ic.menu .line { 

    height: 4px; 

    width: 100%; 

    display: block; 

    margin-bottom: 6px; 

  }

  .ic.menu .line-last-child { margin-bottom: 0px;  }

  

  .sub-menu-head { margin: 10px 0; }

  .banners-area { margin-top: 20px; padding-top: 15px; }

  

  

  @media only screen and (max-width:768px) {

    .sub-menu-head { color:orange; }

    .ic.menu { display: block; }

    header.dark .ic.menu .line { background-color: #fff; } 

    header.light .ic.menu .line { background-color: #000; }

    .ic.menu .line {

      -webkit-transition: all 0.4s ease 0s;

      -o-transition: all 0.4s ease 0s;

      transition: all 0.4s ease 0s;

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      transform: rotate(0deg);

      -webkit-transform-origin: center center;

      -ms-transform-origin: center center;

      transform-origin: center center;

    }

    .ic.menu:focus .line { background-color: #fff !important; }

    

    .ic.menu:focus .line:nth-child(1) { 

      -webkit-transform: rotate(45deg);

      -moz-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      transform: rotate(45deg); 

    }

    

    .ic.menu:focus .line:nth-child(2){ 

      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      transform: rotate(-45deg); 

      margin-top: -10px;

    }

    

    .ic.menu:focus .line:nth-child(3){

      transform: translateY(15px);

      opacity: 0;

    }

    

    .ic.menu:focus{ outline: none; }

    .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 21;  outline: none;  }

    

    /*

    

    .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }

    .ic.close:focus { opacity: 0; }

    */

    .ic.menu:hover, 

    .ic.menu:focus{ opacity: 1; }

    

  

    nav { background-color: transparent; }

    

   /* Main Menu for Handheld Devices  */

    ul.main-nav {

      z-index:2; 

      padding: 50px 0;

      position: fixed;

      right: 0px;

      top: 0px;

      width: 0px;

      background-color:rgba(0,0,0,1);

      height: 100%;

      overflow: auto;

      /*CSS animation applied : Slide from Right*/

     -webkit-transition-property: background, width;

      -moz-transition-property: background, width;

      -o-transition-property: background, width;

      transition-property: background, width;

         -webkit-transition-duration: 0.6s;

        -moz-transition-duration: 0.6s;

        -o-transition-duration: 0.6s;

      transition-duration: 0.6s;

    }

    

    .ic.menu:focus ~ .main-nav { width: 300px; background-color:rgba(0,0,0,1); }

    

    ul.main-nav > * { 

      -webkit-transition-property: opacity;

      -moz-transition-property: opacity;

      -o-transition-property: opacity;

      transition-property: opacity;

         -webkit-transition-duration: 0.4s;

        -moz-transition-duration: 0.4s;

        -o-transition-duration: 0.4s;

      transition-duration: 0.4s;

      opacity: 0;

    }

    .ic.menu:focus ~ .main-nav > * {opacity: 1;}

    

    ul.main-nav > li > a:after {display: none;}

    ul.main-nav > li:first-child { border-radius: 0px; }

    ul.main-nav > li {

      display: block;

      border-bottom: 1px solid #444;

    }

    

    ul.main-nav > li > a { font-weight: 600; }

    

    ul.main-nav > li ul.sub-menu-lists > li a { color: #eee; font-size: 14px; }

    .sub-menu-head { font-size: 16px;}

    ul.main-nav > li:hover { background-color: transparent;  }

    ul.main-nav > li:hover > a {color: #fff; text-decoration: none; font-weight: 600;}

   .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {

      border-left: 0px solid #ccc;

      border-right: 0px solid #ccc;

      border-bottom: 0px solid #ccc;

      position: relative;

      visibility: visible;

      opacity: 1.0;

    }

    

    .sub-menu-block { padding: 0 30px; }

    .banners-area { padding-bottom: 0px;  }

    .banners-area div { margin-bottom: 15px;  }

    .banners-area { border-top: 1px solid #444; }

  }

  

  @media only screen and (min-width:769px) {

    .ic.menu { display: none; }

    /* Main Menu for Desktop Devices  */

    ul.main-nav { display: block; position: relative; }

    .sub-menu-block { padding: 15px; }

    

    /* Sub Menu */

    ul.main-nav > li > div.sub-menu-block { 

    visibility: hidden;

    background-color: #f9f9f9;

    position: absolute;

    margin-top: 0px;

    width: 100%;

    color: #333;

    left: 0;

    box-sizing: border-box;

    z-index : 3;

    font-size: 16px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    opacity: 0;

      

    /*CSS animation applied for sub menu : Slide from Top */

    -webkit-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    -webkit-transform: rotateX(90deg);

    -moz-transform: rotateX(90deg);

    -ms-transform: rotateX(90deg);

    transform: rotateX(90deg);

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

    transform-origin: top center;

    

    }

    

    ul.main-nav > li:hover > div.sub-menu-block{ 

      background-color: #f9f9f9; 

      visibility: visible;

      opacity: 1;

      -webkit-transform: rotateX(0deg);

      -moz-transform: rotateX(0deg);

      -ms-transform: rotateX(0deg);

      transform: rotateX(0deg);

    }

    

    ul.main-nav > li > div.sub-menu-block > * {

      -webkit-transition-property: opacity;

      -moz-transition-property: opacity;

      -o-transition-property: opacity;

      transition-property: opacity;

         -webkit-transition-duration: 0.4s;

        -moz-transition-duration: 0.4s;

        -o-transition-duration: 0.4s;

      transition-duration: 0.4s;

      opacity: 0;

    }

    

    ul.main-nav > li:hover > div.sub-menu-block > * {

      opacity: 1;

    }

  

    .sub-menu-head { font-size: 20px;}

    

    /* List Separator: Outer Border */

    header.dark ul.main-nav > li > a { border-right: 1px solid #bbb; }

    header.light ul.main-nav > li > a { border-right: 1px solid #666; }

    

    /* List Separator: Inner Border */

    ul.main-nav > li > a:after {

      content: '';

      width: 1px;

      height: 62px;

      position: absolute;

      right:0px;

      top: 0px;

      z-index : 2;

    }

    header.dark ul.main-nav > li > a:after { background-color: #777; }

    header.light ul.main-nav > li > a:after { background-color: #999; }

    

    /* Drop Down/Up Arrow for Mega Menu */

    /* ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }

    ul.main-nav > li > a.mega-menu > span:after {

      width: 0; 

      height: 0; 

      border-left: 5px solid transparent;

      border-right: 5px solid transparent;

      border-top: 5px solid #fff;

      content: '';

      background-color: transparent;

      display: inline-block;

      margin-left: 10px;



      vertical-align: middle;

    } */

  

    ul.main-nav > li:hover > a.mega-menu span:after{

      border-left: 5px solid transparent;

      border-right: 5px solid transparent;

      border-top: 0px solid transparent;

      border-bottom: 5px solid #666;

    }

    .banners-area { border-top: 1px solid #ccc; }

  }



  .mob-nav{

      display: none;

  }



  @media(max-width:991px){

      .nav-nav-desktop{

          display: none;

      }

  }



  @media(max-width:1760px){

    ul.main-nav > li > a { 

    

        padding: 20px 20px; 

     

        font-size: 14px;

      

      }

      .fennec-nav {

     

        width: 66%;

      

    }

  }



  .elem, .elem * {

	box-sizing: border-box;

	margin: 0 !important;	

}

.elem {

    padding: 2rem;

	display: inline-block;

	font-size: 0;

	width: 22%;

	border: 20px solid transparent;

	border-bottom: none;

	background: #fff;

	padding: 10px;

	height: auto;

	background-clip: padding-box;

    border: 1px solid #000;

    margin: 1rem !important;

}

.elem > span {

	display: block;

	cursor: pointer;

	height: 0;

	padding-bottom:	70%;

	background-size: cover;	

	background-position: center center;

}

.elem h5

{

    text-align: center;

    padding: 1rem 0;

    background-color: #456B8F;

    color: #fff;

}

@media(max-width:990px){

    .elem {

        width: 100%;

    }

}

.eng-three-boxes{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}



.eng-three-boxes .eng-cards{

     width: 30%;

    background: #9cc2e5;

    border: 3px solid #0070C0;

    margin: 1%;

    min-height: 200px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.0);

    position: relative;

    top: 0;

    transition: top ease 0.2s;

    

    

}

.eng-three-boxes .eng-cards {

    overflow: hidden;

}

.eng-three-boxes .eng-cards .card-ovarlay {

    position: absolute;

    width: 100%;

    height: 100%;

   



}



.crd-content{

    z-index: 11111;

    color: #fff;

}

.crd-content h6{

 

    color: #fff;

}

.eng-three-boxes .eng-cards:hover{

   

   top: -1rem; 

   transition: 0.5s ease !important;

    

}

.eng-three-boxes .eng-cards h6{

   

    font-size: 1rem;

    text-align: center;

    font-weight: 600;

}

.cta-wrapper{

    width: 100%;

    padding: 3rem;

    background-color: #0070c0;

    color: #fff;

}

.cta-wrapper h2{



    color: #fff;

}

.cta-wrapper h6{



    color: #fff;

}

.cta-contents{

    display: flex;

    justify-content: space-around;

}

.caller{

    width: 100px;

    height: 100px;

    border-radius: 100%;

    background-color: #008080;

    display: flex;

    align-items: center;

    justify-content: center;



}

.cta-wrapper a{

    color: #fff;

 



}

.caller i.fa{

    font-size: 2.3rem;

 



}

@media(max-width:990px){

    .eng-three-boxes .eng-cards{

        width: 100%;

       

        

    }



}

.related-activity .product-dscription {

    min-height: 123px;

}

.sv-avilability{

    background: #D4DBE5;

}





.main-banner-content-bottom{

    background-color: #5b86af;

    padding: 3rem;

    color: #fff;

    text-align: center;

}.main-banner-content-bottom h4{

     font-family: open sans, sans-serif;
    line-height: 2rem;
    color: #fff;

    font-weight: 600;

    

}.main-banner-content-bottom p{

    color: #fff;

    

}



@media(max-width:600px){

    .main-banner-content-bottom h1{

        font-size: 25px !important;

        

    }.main-banner-content-bottom p{

        color: #fff;

        

    }

   

}





.img-title h2{

    text-align: center;

    font-size: 20px;

    padding: 1rem 0;

    background-color: #4B73A0;

    color: #fff;

}



.innerbg2 {

    background-image: url(../img/gas-banner2.jpg); background-size: cover;

}



.innerbg3 {

    background-image: url(../img/fuel-banner.jpg); background-size: cover;

}



.page-title-area2 {

    position: relative;

    z-index: 1;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    background-color: #df0000;

    min-height: 700px;

    display: flex;

    align-items: center;

}







@media(max-width:960px){

    .page-title-area2 {

    

        min-height: 200px;

      

    }

}



.fuel-imgs img{

    transition: 0.5s;

}



.fuel-imgs .img-boxess:hover{

    transform: scale(1.02)

}







.fuel-imgs .img-boxess{

    overflow: hidden;

    transition: 0.5s;

}



.align-center-logs{

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 2rem;

    border: 1px solid #DEDEDE;

}



.eng-content-inn{

    z-index: 1111;

}

.eng-content-inn h6{

    color: #fff;

}







@media(max-width:1400px){

    .img-title h2{

        font-size: 14px !important;

        /* min-height: 75px; */

    }

}



.align-imgs-centerr{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}
.align-imgs-center-top{

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-wrap: wrap;

}



.img-title h2{

    font-size: 15px;

    

}



@media only screen and (max-width: 767px){

.section-title {

    margin-bottom: -30px !important;

    

   

}

.img-boxess{

    width: 50%;

}

}



.img-boxess{

    width: 20%;

}



@media only screen and (max-width: 990px){

    .img-boxess{

        width: 50%;

    }}

    @media only screen and (max-width: 534px){

        .img-boxess{

            width: 100%;

        }}







    .product-header{

        text-align: center;

        min-width: 100px;

    }

    

    /*************** Test *************/

    

    

     

    .gallery-wrapper {

        max-width: 1250px;

        width: 100%;

        margin: 0 auto;

        padding: 2rem 1em;

        display: grid;

        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

        grid-gap: 1em;

   }





   .gallery-wrapper-2 {

    max-width: 1000px;

    width: 100%;

    margin: 0 auto;

    padding: 2rem 1em;

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

    grid-gap: 1em;

}

    .gallery-wrapper .image-wrapper a {

        padding: 0.5em;

        display: block;

        width: 100%;

        text-decoration: none;

        color: #333;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

        transition: all 200ms ease-in-out;

        text-align: center;

        font-size: 18px;

        font-weight: 550;

   }

    .gallery-wrapper .image-wrapper a:hover {

        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

   }

    .gallery-wrapper .image-wrapper a img {

        width: 100%;

   }

    .gallery-lightboxes .image-lightbox {

        position: fixed;

        top: 0;

        left: 0;

        width: 100vw;

        height: 100vh;

        background: rgba(0, 0, 0, 0.8);

        backdrop-filter: blur(5px);

        display: flex;

        align-items: center;

        justify-content: center;

        opacity: 0;

        visibility: hidden;

        transition: opacity 0ms ease-in-out;

   }

    .gallery-lightboxes .image-lightbox:target {

        opacity: 1;

        visibility: visible;

        z-index: 111;

   }

    .gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper {

        opacity: 1;

        transform: scale(1, 1) translateY(0);

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper {

        transform: scale(0.95, 0.95) translateY(-30px);

        transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;

        opacity: 0;

        margin: 1em auto;

        max-width: 50%;

        padding: 0.5em;

        display: inline-block;

        background: #fff;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);

        position: relative;

   }



@media(max-width:1600px){

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper {

    

        max-width: 60%;

       

   }

}@media(max-width:1278px){

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper {

    

        max-width: 65%;

       

   }

}



    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close {

        width: 1.5em;

        height: 1.5em;

        background: #000;

        color: #fff;

        font-weight: bold;

        text-decoration: none;

        border-radius: 50%;

        box-shadow: 0 0 0 2px white inset, 0 0 5px rgba(0, 0, 0, 0.5);

        position: absolute;

        right: -1em;

        top: -1em;

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:before {

        content: '';

        display: block;

        width: 10px;

        height: 2px;

        background: #fff;

        margin: 0;

        position: absolute;

        top: 50%;

        left: 50%;

        margin: -1px 0 0 -5px;

        transform: rotate(-45deg);

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .close:after {

        content: '';

        display: block;

        width: 10px;

        height: 2px;

        background: #fff;

        margin: 0;

        position: absolute;

        top: 50%;

        left: 50%;

        margin: -1px 0 0 -5px;

        transform: rotate(45deg);

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left {

        position: absolute;

        top: 0;

        right: 50%;

        bottom: 0;

        left: 0;

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-left:before {

        content: '';

        display: inline-block;

        width: 20px;

        height: 20px;

        border: 2px solid #fff;

        border-bottom: 0;

        border-right: 0;

        border-radius: 4px 0 0 0;

        position: absolute;

        top: 50%;

        right: 100%;

        cursor: pointer;

        transform: rotate(-45deg) translateY(-50%);

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right {

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 50%;

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper .arrow-right:before {

        content: '';

        display: block;

        width: 20px;

        height: 20px;

        border: 2px solid #fff;

        border-bottom: 0;

        border-left: 0;

        border-radius: 0 4px 0 0;

        position: absolute;

        top: 50%;

        left: 100%;

        cursor: pointer;

        transform: rotate(45deg) translateY(-50%);

   }

    .gallery-lightboxes .image-lightbox .image-lightbox-wrapper img {

        margin: 0 auto;

        max-height: 70vh;

   }

    .image-title{

        padding: 2rem 0;

    }

    



    /* .align-in-light-box{

        display: flex;

        align-items: center;

    } */

    .left-side-2 {

        float: left;

        width: 45%;

        padding: 0%;

        padding-right: 5%;

      }

    .left-side {

        float: left;

        width: 40%;

        padding: 1%;

      }

      .lightbox-ul-li ul li{

        list-style: disc;

        padding: 0rem 1rem;

        font-size: 16px;

    }

   

    

      @media(min-width:1400px){

        .left-side {

            float: left;

            width: 30%;

            padding: 1%;

          }

      }

      

      @media(max-width:990px){

        .left-side {

            float: none !important;

            width: 100%;

            padding: 1%;

          }



          .gallery-lightboxes .image-lightbox .image-lightbox-wrapper{

            max-width: 90% !important;

          }

          

      }



    



      .lightbox-ul-li-2 ul li{

          list-style: disc;

          font-size: 16px;

          margin-left: 13rem !important;

      } 

      .lightbox-ul-li-2 ul{

        margin-left: 3rem;

    }



    /* .gallery-lightboxes p {

   

        line-height: 1.2 !important;

    } */



    @media(max-width:998px){

        .gallery-lightboxes p {

            font-size: 15px !important;

            margin-left: 0rem !important;

        }

        .gallery-lightboxes p {

        font-size: 15px !important;

        margin-left: 0rem !important;

    }

    .lightbox-ul-li-2 ul li {

        margin-left: -1rem !important;

    }

    .lightbox-ul-li-2 ul  {

        margin-left: 0rem !important;

    }

}







/*************** Inner pages ******/



.abt-inner-content{

    padding: 4rem 0;

}

.about-us-inside{

    padding-bottom:4rem ;

}

.abt-contents {

    padding: 1rem 1rem;

    margin-top: 1rem !important;

}

.abt-contents h2 {

    color: #515d83;

    font-family: open sans, sans-serif;

    font-weight: 600 !important;

    font-size: 30px !important;

    margin-top: 1rem;

   

}

.img-right{

    float: right;

}

.left-side-imgs{

    float: left;

    width: 55%;

    padding: 1%;

    margin-right: 1rem;

}



@media(max-width:990px){

    .left-side-imgs{

        float: none;

        width: 100%;

      

    }

}





.mission-vision-inside{

    padding: 4rem 0;

}



.mission-boxx {

    background: #5B86AE;

    color: #ffff !important;

}



.mission-boxx p {

    color: #fff !important;

}

.mission-boxx h3 {

    color: #fff !important;

}





.sv-list-card{

    width: 33%;

    height: auto;

}





.sv-wrapper-home{

    display: flex !important;

    align-items: center !important;

    justify-content: space-around !important;

}





.section-title-2 {

    position: relative;

    z-index: 1;

    margin-bottom: 60px;

    text-align: center;

}

.section-title-2 span {

    color: #02298a;

    font-size: 14px;

    text-transform: uppercase;

    display: block;

}

.section-title-2 h2 {

    font-size: 36px;

    font-weight: 700;

    margin-top: 5px;

    margin-bottom: 10px;

    color: #fff;

    text-align: left;

}

.section-title-2 p {

    margin-bottom: 0;

   

    color: #fff;

    text-align: left !important ;

}

.section-title-2.btn {

    position: absolute;

    right: 0;

    bottom: 0;

}



.section-title-2.text-center {

    max-width: 620px;

    margin-left: auto;

    margin-right: auto;

}

.section-title-2.text-center img {

    margin: 0 auto;

    right: 0;

}

.section-title-2.text-center p {

    max-width: 525px;

    margin-left: auto;

    margin-right: auto;

}

.section-title-2.optional-color span {

    color: #df0000;

}



.product-header h2{

    color: #515d83;

    font-family: open sans, sans-serif;

    font-weight: 600 !important;

    font-size: 30px !important;

    margin-top: 1rem;

}



.image-lightbox-wrapper .image-title h2{

    color: #515d83;

    font-family: open sans, sans-serif;

    font-weight: 600 !important;

    font-size: 30px !important;

    margin-top: 1rem;

}



.more-steel{

    background: #EFEDED;

    padding: 3rem 0;

}
.more-steel h2{
    text-align: center;
}
.more-steel p{
    text-align: center;
}



.steeel-fab-ul ul{

    margin-top: 2rem;

    padding-left: 0 !important;

    margin-left: 01rem;

}

.steeel-fab-ul ul li{

    font-size: 1.1rem;

    padding-top: .5rem ;

}



.other-related-fab-sv{

    padding: 2rem 0;

    background: #d3e3eb;

    

}



.or-sv-cards{

    width: 32%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 3rem 0;

    background: #ffff;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    min-height: 200px;

}



@media(max-width:990px){

    .or-sv-cards{

        width:100% !important;

        margin-bottom: 1rem;

        

    }

}



.or-f-wrapper{

    margin: 3rem 0;

    display: flex;

    align-items: center;

    justify-content: space-around;

    flex-wrap: wrap;

    

}



.or-sv-cards h5 {

    font-size: 1rem 0;

    text-align: center;

}



.row-border-top{

    border-top: 1px solid #C9C9C9;

    padding: 3rem  0!important;

}



.row-wrapper-sv{

    display: flex;

    align-items: center;

    justify-content: center;

}



.eng-cards-2{

    width: 30%;

    background-color: #000fff;

    margin: 1%;

    padding: 0;

    

}

.eng-cards-2 img {

    width: 100%;

    height: 100%;

    background-size: cover;

    object-fit: cover;

    object-position: 50% 0%;

   

}

.eng-2-wrapper{

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}



@media(max-width:990px){

    .eng-cards-2{

        width:100%;

    }

}



.related-next-prev-btn{

    width: 100%;

    display: flex;

    align-items: center;

    position: absolute;

   padding-left: 2rem;

   padding-right: 2rem;

    justify-content: space-between;

    z-index: 1111;

}

.related-next-prev-btn i {

    font-size: 1.8rem;

    margin-top: 18rem;

}





.realated-to-home {



    background: #456b8f;

    text-align: center;

    width: 200px;

    padding: 1rem 0;

    color:  #fff;

}.realated-to-home:hover {

   color: floralwhite;

   

}

.home-btn-wrapper {

    width: 100%;

    display:flex ;

    align-items: center;

    justify-content: flex-end;

}





.company-naming-inner{

    text-align: center;

}



.company-naming-inner h5{

    color: #515d83;

    font-family: open sans, sans-serif;

    font-weight: 600 !important;

    font-size:18px !important;

    margin-top: 1rem;

    text-transform: capitalize !important;



}

.company-naming-inner table{

    border: none;

}

.company-naming-inner a{

    color: #515d83;

    font-family: open sans, sans-serif;

    font-size: 18px;

    margin-bottom: .5rem;

    text-transform: lowercase !important;

}

/* .company-naming-inner table tr td{

    border: none !important;

} */

.company-naming-inner{

    margin-bottom: 2rem;

}



.company-naming-inner table {

	border: 1px solid #fff;

	border-collapse: collapse;

	margin: 0;

	padding: 0;

	width: 100%;

	table-layout: fixed;

    

}



.company-naming-inner table caption {

	font-size: 1.5em;

	margin: .5em 0 .75em;

}

.company-naming-inner table tr {

	background-color: #fff;

	border-right: 1px solid #f0f0f0;

	padding: .35em;

	border-radius: 3px;

    border-bottom: none !important;

}

.company-naming-inner table tr :nth-last-child(1) {



	border-right: 1px solid #ffff !important;

	

}

.company-naming-inner table td :nth-last-child(1) {



	border-right: 1px solid #ffff !important;

	

}

.company-naming-inner table thead tr:first-child {

    border: none !important;

}

.company-naming-inner table th,

.company-naming-inner table td {

	padding: 1.625em;

	text-align: center;

	color: #fff !important;

	font-size: 18px !important;

    font-family: "open sans", sans-serif !important;

	

}

.table>:not(:last-child)>:last-child>*{

    border-right: 1px solid #f0f0f0;;

}

.company-naming-inner table td:nth-child(4) {

	font-size: 18px;

}



.company-naming-inner table th {

	font-size: .85em;

	letter-spacing: .1em;

	text-transform: uppercase;

    background: none;

	color: #171717 !important;

    border: none;

}





.company-naming-inner table tbody tr td .btn-invoice {

	background: #0f82e6;

	color: #FFF;

	font-size: 13px;

	padding: 10px 20px;

	border: 0;

	font-family: cursive;

}



.company-naming-inner tbody tr:nth-child(even) {

	/* background-color: #eee; */

}



.company-naming-inner tbody tr:nth-child(odd) {

	background-color: #fff;

}
.w-sp-list ul li{
    margin: 8px 0px;
    font-size: 1.1rem;
}
.basic-cent-sec{
  text-align: justify;
}
.basic-cent-sec h2{
  color: #515d83;
  font-size: 36px;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 10px;
  text-align: center;
}
.nice-rounded-bx{
    border: 1px solid;
    padding: 10px;
    color: #645797;
    background-color: #6b7aff1f;
}
.img-cardbx{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}
.tit-card{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    font-size: 16px;
    padding: 1rem 0.3rem;
    background-color: #4B73A0;
    color: #fff;
}



@media screen and (max-width: 600px) {

	.company-naming-inner table {

		border: 0;

	}

	.company-naming-inner table caption {

		font-size: 1.3em;

	}

	.company-naming-inner table thead {

		border: none;

		clip: rect(0 0 0 0);

		height: 1px;

		margin: -1px;

		overflow: hidden;

		position: absolute;

		width: 1px;

		padding: 0;

	}

	.company-naming-inner table tr {

		border-bottom: 3px solid #e1e5e9;

		display: block;

		margin-bottom: .625em;

	}

	.company-naming-inner table th,

	.company-naming-inner table td {

		padding: 0.625em;

	}

	.company-naming-inner table td {

		border-bottom: 1px solid #e1e5e9;

		display: block;

		font-size: .8em;

		text-align: right;

		color: #9da9b9;

	}

	.company-naming-inner table td::before {

		content: attr(data-label);

		float: left;

		font-weight: bold;

		text-transform: uppercase;

		color: #656971;

	}

	.company-naming-inner table td:last-child {

		border-bottom: 0;

	}

	.company-naming-inner table td:nth-child(4) {

		font-size: 0.8em;

	

    }}

   .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active{
        display: none !important;
    }
    
    
    
    
    

    /* Phone  */ 
     .emg-call-main .mob-container {
            position: fixed;
            bottom: 40px;
            left: 40px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

         .emg-call-main .emg-text {
            position: fixed;
            bottom: 100px;
            left: 23px;
            z-index: 10;
            font-size: 22px;
    color: red;
    font-weight: bold;
        }

         .emg-call-main .emg-wrapper {
            position: relative;
            background-color: red;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .pd-5 {
            padding: 0.3rem;
        }

        .c-white {
            color: #fff !important;
        }

        .bgc-blue {
            background-color: #da0000!important;
        }

        .emg-call-main .circle {
            border-radius: 50%;
        }

         .emg-call-main .icon:after {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            content: '';
            background-color: transparent;
            border-radius: 50%;
            border: 1px solid #da0000;
            opacity: 0.5;
            animation: ring-circle-anim 1.2s infinite ease-in-out;
            transition: all 0.5s;
            transform-origin: 50% 50%;
        }

         .emg-call-main .icon:before {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
            content: '';
            background-color: rgba(0, 170, 218, 0.5);
            border-radius: 50%;
            border: none;
            animation: ring-circle-fill-anim 2.3s infinite ease-in-out;
            transition: all 0.5s;
            transform-origin: 50% 50%;
        }

         .emg-call-main .osc-rotation {
            box-sizing: border-box;
            animation: oscillate-rotation 1s infinite ease-in-out;
            transform-origin: 50% 50%;
        }

         .emg-call-main .icon {
            font-family: 'Material Icons';
            font-size: 3rem;
            line-height: 1;
            text-rendering: optimizeLegibility;
            margin-left: 2rem;
        }

        @keyframes ring-circle-anim {
            0% {
                transform: rotate(0) scale(1.1) skew(0deg);
                opacity: 0;
            }

            30% {
                transform: rotate(0) scale(1.5) skew(0deg);
                opacity: 0.5;
            }

            100% {
                transform: rotate(0) scale(1.7) skew(0deg);
                opacity: 0.1;
            }
        }

        @keyframes ring-circle-fill-anim {
            0% {
                transform: rotate(0) scale(1) skew(0deg);
                opacity: 0.2;
            }

            50% {
                transform: rotate(0) scale(1.4) skew(0deg);
                opacity: 0.2;
            }

            100% {
                transform: rotate(0) scale(1.1) skew(0deg);
                opacity: 0.2;
            }
        }

        @keyframes oscillate-rotation {
            0% {
                transform: rotate(0) scale(1) skew(0deg);
            }

            10% {
                transform: rotate(-25deg) scale(1) skew(0deg);
            }

            20% {
                transform: rotate(25deg) scale(1) skew(0deg);
            }

            30% {
                transform: rotate(-25deg) scale(1) skew(0deg);
            }

            40% {
                transform: rotate(25deg) scale(1) skew(0deg);
            }

            50% {
                transform: rotate(0) scale(1) skew(0deg);
            }

            100% {
                transform: rotate(0) scale(1) skew(0deg);
            }
        }

        .emg-call-main{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            position: absolute;
            right: 0;
        }
        
        
         .emg-call-main .image-popup-vertical-fit img {
                height: 100% !important;
                 width: 100%!important;
        }
        
        .copyright-area span{
            padding-left:.3rem;
        }
        }