@import "https://fonts.googleapis.com/css2?family=Oswald:wght@300;
400;
500;
600;
700&amp;
display=swap";
@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;
0,500;
0,600;
0,700;
1,400&amp;
display=swap";
body{
    font-size:16px;
    line-height:1.8;
    font-family:archivo,sans-serif;
    color:#8b8b8b
}
p{
    color:#8b8b8b
}
a{
    display:inline-block;
    -webkit-transition:all .5s;
    transition:all .5s;
    text-decoration:none
}
a:hover,a:focus{
    text-decoration:none
}
button{
    margin:0;
    padding:0;
    outline:0
}
button:focus{
    outline:0;
    border:0
}
h1,h2,h3,h4,h5,h6{
    color:#1f1f1f;
    font-weight:600;
    font-family:oswald,sans-serif;
    line-height:1.4
}
.d-table{
    width:100%;
    height:100%
}
.d-table-cell{
    display:table-cell;
    vertical-align:middle
}
img{
    max-width:100%
}
.ptb-100{
    padding-top:100px;
    padding-bottom:100px
}
.pt-100{
    padding-top:100px
}
.pb-100{
    padding-bottom:100px
}
.pb-70{
    padding-bottom:70px
}
.pt-45{
    padding-top:45px
}
.ml-60{
    margin-left:60px
}
.margin-auto{
    margin:auto
}
.text-color{
    color:#fff!important
}
.color-title-blue{
    color:#0152a3!important
}
.bg-section{
    background-color:#f2f2f2
}
.text-color2{
    color:#4c4c4c!important
}
.default-btn{
    padding: 7px 20px;
    font-size: 15px;
    color:#fff;
    border-radius: 3px;
    text-align:center;
    position:relative;
    overflow:hidden;
    z-index:1;
    text-transform:uppercase
}
.default-btn::before{
    content:"";
    position:absolute;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color: #2C9BB7;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.default-btn::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:0;
    height:100%;
    background-color: #2C9BB7;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.default-btn:hover{
    color:#fff;
    border:none
}
.default-btn:hover::before{
    left:auto;
    right:0;
    width:50%
}
.default-btn:hover::after{
    left:0;
    right:0;
    width:50%
}
.default-btn.active{
    margin-left:20px;
    color:#fff;
    background-color:transparent;
    border:1px solid #fff;
    overflow:hidden
}
.default-btn.active:hover{
    color:#fff;
    border:1px solid #0152a3
}
.default-bg-white{
    background-color:#fff;
    color:#1f1f1f
}
.default-bg-black{
    background-color:#1f1f1f;
    color:#fff
}
.section-title span{
    color:#353535;
    font-weight:500;
    line-height:0;
    letter-spacing:3.5px;
    font-size:15px;
    text-transform:uppercase;
    margin:0;
    padding-bottom:5px
}
.section-title h2{
       font-size: 35px;
    font-family: oswald,sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px;
    line-height: 1.2;
    color: #2898B4 !important;
}

.section-title2 h2{
    font-size: 25px;
 font-family: oswald,sans-serif;
 text-transform: capitalize;
 font-weight: 600;
 margin-top: 5px;
 line-height: 1.2;
 color: #2898B4 !important;
}

.section-title p{
    padding-top:15px;
    max-width:450px;
    margin-bottom:0
}
.header-right{
    background-color:#fff;
    text-align:left
}
.header-right .header-right-card ul{
    padding-left:0;
    margin-bottom:0;
    list-style-type:none
}
.header-right .header-right-card ul li{
    display:inline-block;
    text-align:left;
    position:relative;
    padding-left:7px;
    color:#fff;
    margin-right:35px;
    padding-top:10px;
    padding-bottom:10px
}
.header-right .header-right-card ul li::before{
    content:'';
    position:absolute;
    width:1px;
    height:30px;
    background-color:#d0d0d0;
    left:-20px;
    top:15px
}
.header-right .header-right-card ul li:first-child::before{
    display:none
}
.header-right .header-right-card ul li:last-child{
    margin-right:0
}
.header-right .header-right-card ul li .head-icon{
    color:#2898B4;
    font-size:30px;
    text-align:center;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.header-right .header-right-card ul li a{
    display:inline-block;
    color:#1f1f1f;
    font-size:16px;
    font-weight:600;
    margin-left:30px
}
.top-social-link{
    padding-top:10px;
    padding-bottom:5px;
    float:right
}
.top-social-link ul{
    list-style:none;
    margin:0;
    padding:0
}
.top-social-link ul li{
    display:inline-block;
    margin-right:5px
}
.top-social-link ul li a{
    width:30px;
    height:30px;
    line-height:32px;
    text-align:center;
    border-radius:50px;
    background-color:transparent;
    color:#fff
}
.top-social-link ul li a:hover{
    background-color:#0152a3!important;
    color:#fff!important
}
.top-social-link ul li a.active{
    background-color:#0152a3;
    color:#fff!important
}
.top-social-link ul li a.active:hover{
    background-color:#fe00ad!important;
    color:#fff!important
}
.top-social-link ul li a.color-blue{
    background-color:#0152a3
}
.top-social-link ul li a.color-blue:hover{
    background-color:#b72e2e!important;
    color:#fff!important
}
.top-social-link ul li a.color-pink{
    background-color:#fe00ad
}
.top-social-link ul li a.color-pink:hover{
    background-color:#04b8e5!important;
    color:#fff!important
}
.top-social-link ul li a.color-red{
    background-color:#b72e2e
}
.top-social-link ul li a.color-red:hover{
    background-color:#0152a3;
    color:#fff!important
}
.top-social-link ul li a.color-dark-red{
    background-color:#e52d27
}
.top-social-link ul li a.color-dark-red:hover{
    background-color:#073868!important;
    color:#fff!important
}
.navbar-area{
    background-color:transparent;
    -webkit-transition:.3s;
    transition:.3s;
    position:relative;
    padding-top:0;
    padding-bottom:0;
    padding-right:0;
    padding-left:0
}
.navbar-light{
    padding:0;
    padding-left:0;
    padding-right:0;
    background-color:transparent
}
.navbar-light .navbar-brand img{
    float:left;
}
.navbar-light .navbar-brand-sticky{
    display:none
}
.sticky-nav{
    top:0;
    position:fixed;
    -webkit-transition:.9s;
    transition:.9s;
    width:100%!important;
    z-index:999
}
.sticky-nav .main-nav{
    top:0;
    background-color:#fff;
    position:fixed;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3);
    border:none
}
.sticky-nav .main-nav .navbar-light .navbar-brand img{
    max-width: 300px
}
.sticky-nav .top-nav{
    top:0;
    width:100%!important;
    background-color:#fff;
    position:fixed;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3);
    border-radius:0
}
.sticky-nav .top-nav nav .navbar-nav .nav-item:hover a,.sticky-nav .top-nav nav .navbar-nav .nav-item .active{
    color:#0152a3
}
.sticky-nav .top-nav nav .navbar-nav .nav-item a{
    color:#1f1f1f
}
.sticky-nav .top-nav nav .navbar-nav .nav-item a:hover{
    color:#0152a3
}
.sticky-nav .top-nav nav .navbar-nav .nav-item a.active{
    color:#0152a3!important
}
.sticky-nav .top-nav nav .text-color:hover{
    color:#0152a3!important
}
.sticky-nav .top-nav nav .text-color.search-btn:hover{
    color:#0152a3!important
}
.sticky-nav .top-nav .modal-icon-btn2:hover{
    color:#0152a3!important
}
.sticky-nav .text-color{
    color:#7e7a7a!important
}
.sticky-nav .modal-icon-btn2{
    color:#1f1f1f
}
.sticky-nav .pizi-nav{
    top:0;
    background-color:#fff;
    position:fixed;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.sticky-nav .pizi-nav .navbar-light{
    background-color:#fff
}
.sticky-nav .pizi-nav .navbar-light .navbar-brand{
    display:none
}
.sticky-nav .pizi-nav .navbar-light .navbar-brand-2{
    display:inline-block;
    padding:5px 0
}
.sticky-nav .pizi-nav nav .navbar-nav .nav-item:hover a,.sticky-nav .pizi-nav nav .navbar-nav .nav-item .active{
    color:#0152a3
}
.sticky-nav .pizi-nav nav .navbar-nav .nav-item a{
    color:#1f1f1f
}
.sticky-nav .pizi-nav nav .navbar-nav .nav-item a:hover,.sticky-nav .pizi-nav nav .navbar-nav .nav-item a :focus{
    color:#0152a3
}
.sticky-nav .pizi-nav nav .navbar-nav .nav-item a.active{
    color:#0152a3!important
}
.sticky-nav .pizi-nav nav .text-color:hover{
    color:#0152a3!important
}
.sticky-nav .pizi-nav nav .text-color.search-btn:hover{
    color:#0152a3!important
}
.sticky-nav .pizi-nav .modal-icon-btn2:hover{
    color:#0152a3!important
}
.main-nav{
    /*position:absolute;*/
    /*background-color: rgba(256,256,256,0.15);*/
    background-color: #fff;
    top:0;
    left:0;
    padding:0;
    width:100%;
    z-index:999;
    height:auto;
    /*border-bottom:1px solid #f3f3fa40*/
}
.main-nav .navbar-light .navbar-brand{
    max-width:300px
}
.main-nav nav .navbar-nav .nav-item:hover a,.main-nav nav .navbar-nav .nav-item .active{
    color:#fff
}
.main-nav nav .navbar-nav .nav-item a{
    text-transform:uppercase;
    color: #353535;
    padding: 5px 15px;
    border-radius: 2px;
    font-weight:500;
    font-size: 14px;
   	margin: 0 5px;
}
.main-nav nav .navbar-nav .nav-item a i{
    line-height:0;
    position:relative;
    top:3px;
    font-size:18px
}
.main-nav nav .navbar-nav .nav-item a:hover,.main-nav nav .navbar-nav .nav-item a :focus{
    background-color: #2999B5;
    color: #fff !important;
}
.main-nav nav .navbar-nav .nav-item a.active{
    color:#fff!important
}
.main-nav nav .navbar-nav .nav-item a .active::before{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu{
    border:none;
    padding:0;
    border-radius:0;
    background-color:#fff!important
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li{
    border-bottom:1px solid rgba(59,14,143,.3)
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child{
    border-bottom:none
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a{
    text-transform:uppercase;
    color:#454545 !important;
    position:relative;
    -webkit-transition:.7s;
    transition:.7s;
    font-size: 12px;
    font-weight:500
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {
	color: #fff !important;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active{
    /*border-radius:.25rem;*/
   /* color:#0152a3!important*/
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active{
 /*   color:#0152a3!important;
    margin-left:5px;
    border-radius:.25rem*/
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active{
    color:#0152a3!important
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu{
    left:100%;
    top:20px;
    margin-top:20px
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu{
    left:100%
}
.cart-shop a{
    font-size:26px;
    color:#fff;
    margin-right:20px
}
.cart-shop a:hover{
    color:#e52d27
}
.search-area{
    float:left;
    position:relative;
    top:0;
    margin-right:10px
}
.search-area .search-item{
    display:inline-block;
    position:relative;
    color:#fff;
    cursor:pointer;
    top:9px
}
.search-area .search-item i{
    display:inline-block;
    text-align:center;
    font-size:26px;
    position:relative;
    top:-7px;
    font-weight:600;
    border-radius:3px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center
}
.search-area .search-item .search-overlay{
    display:none
}
.search-area .search-item .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,.1);
    box-shadow:0 0 15px 0 rgba(0,0,0,.1);
    margin-top:20px
}
.search-area .search-item .search-overlay.search-popup .search-form{
    position:relative
}
.search-area .search-item .search-overlay.search-popup .search-form .search-input{
    display:block;
    width:100%;
    height:50px;
    line-height:initial;
    border:1px solid #eee;
    color:#8b8b8b;
    outline:0;
    -webkit-transition:.5s;
    transition:.5s;
    padding-top:4px;
    padding-left:10px
}
.search-area .search-item .search-overlay.search-popup .search-form .search-input:focus{
    border-color:#0152a3
}
.search-area .search-item .search-overlay.search-popup .search-form .search-button{
    position:absolute;
    right:0;
    top:0;
    height:50px;
    background:0 0;
    border:none;
    width:50px;
    outline:0;
    -webkit-transition:.5s;
    transition:.5s;
    padding:0;
    cursor:pointer
}
.search-area .search-item .search-overlay.search-popup .search-form .search-button i{
    height:50px;
    width:50px;
    line-height:50px;
    top:0;
    margin-top:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:20px;
    color:#7e7a7a
}
.search-area .search-item .search-overlay.search-popup .search-form .search-button:focus{
    color:#e52d27
}
.search-area .search-item .search-btn{
    -webkit-transition:all .5s;
    transition:all .5s;
    font-size:16px;
    color:#fff
}
.search-area .search-item .search-btn:hover{
    color:#e52d27
}
.search-area .search-item .close-btn{
    cursor:pointer;
    display:none;
    -webkit-transition:.5s;
    transition:.5s;
    color:#8b8b8b
}
.search-area .search-item .close-btn i{
    font-size:20px
}
.search-area .search-item .close-btn:hover{
    color:#0152a3
}
.search-area .search-item .close-btn.active{
    display:block;
    top:-5px
}
.search-area .search-item .close-btn.active i{
    font-size:20px
}
.search-area .search-item .search-btn:hover,.search-area .search-item .text-color:hover{
    color:#e52d27!important
}
.top-nav{
    position:absolute;
    background-color:transparent;
    border:none
}
.top-nav .navbar-light{
    background-color:transparent
}
.top-nav nav .navbar-nav .nav-item:hover a,.top-nav nav .navbar-nav .nav-item .active{
    color:#ffba00
}
.top-nav nav .navbar-nav .nav-item a{
    color:#fff
}
.top-nav nav .navbar-nav .nav-item a:hover{
    color:#ffba00
}
.top-nav nav .navbar-nav .nav-item a.active{
    color:#ffba00!important
}
.top-nav nav .text-color:hover{
    color:#ffba00!important
}
.top-nav nav .text-color.search-btn:hover{
    color:#ffba00!important
}
.top-nav nav .modal-icon-btn2:hover{
    color:#ffba00
}
.pizi-nav{
    background-color:transparent;
    border-bottom:1px solid #f3f3fa40
}
.pizi-nav .navbar-light{
    background-color:transparent
}
.pizi-nav .navbar-light .navbar-brand-2{
    display:none
}
.pizi-nav nav .navbar-nav .nav-item:hover a,.pizi-nav nav .navbar-nav .nav-item .active{
    color:#66f553
}
.pizi-nav nav .navbar-nav .nav-item a{
    color:#fff
}
.pizi-nav nav .navbar-nav .nav-item a:hover,.pizi-nav nav .navbar-nav .nav-item a :focus{
    color:#66f553
}
.pizi-nav nav .navbar-nav .nav-item a.active{
    color:#66f553!important
}
.pizi-nav nav .text-color:hover{
    color:#66f553!important
}
.pizi-nav nav .text-color.search-btn:hover{
    color:#66f553!important
}
.pizi-nav nav .modal-icon-btn2:hover{
    color:#66f553!important
}
.modal-menu{
    float:right;
    margin-top:0
}
.modal-menu:hover .modal-icon-btn2{
    color:#1f1f1f
}
.modal-icon-btn{
    font-size:30px;
    font-weight:700;
    text-align:center;
    -webkit-transition:.7s;
    transition:.7s;
    padding:25px 20px;
    color:#fff
}
.modal-icon-btn:hover{
    color:#e52d27
}
.modal-icon-btn2{
    font-size:30px;
    color:#fff;
    font-weight:700;
    padding:10px 15px
}
.sidebar-modal{
    position:relative
}
.sidebar-modal .navbar-nav li a{
    padding:10px 0 10px 15px
}
.sidebar-modal .modal.right .modal-dialog{
    position:fixed;
    margin:auto;
    width:450px;
    height:100%;
    -webkit-transform:translate3d(0%,0,0);
    transform:translate3d(0%,0,0)
}
.sidebar-modal .modal.right .modal-content{
    height:100%;
    overflow-y:auto;
    border-radius:0;
    border:none;
    background-color:#fff
}
.sidebar-modal .modal.right .modal-body{
    padding:30px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget{
    margin-bottom:35px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title{
    position:relative;
    z-index:1;
    margin-bottom:20px;
    color:#1f1f1f;
    padding-bottom:5px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget:last-child{
    margin-bottom:0
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul{
    list-style:none;
    padding:0;
    margin:0
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li{
    margin-bottom:10px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li:last-child{
    margin-bottom:0
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a{
    font-size:16px;
    color:#8b8b8b;
    font-weight:600;
    text-transform:capitalize
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a:hover{
    color:#0152a3
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a img{
    width:80px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .modal-widget-blog ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    list-style-type:none;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:0;
    margin-top:-10px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .modal-widget-blog ul li{
    -webkit-box-flex:0;
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
    padding-left:5px;
    padding-right:5px;
    padding-top:10px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list{
    text-align:left
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li{
    display:inline-block;
    padding-right:5px
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i{
    width:35px;
    height:35px;
    display:inline-block;
    text-align:center;
    line-height:35px;
    border-radius:50px;
    color:#fff;
    background-color:#8b8b8b;
    font-size:12px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i:hover{
    background-color:#0152a3
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a:hover{
    color:#0152a3
}
.sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li:hover{
    color:#fff
}
.sidebar-modal .modal.left .modal-dialog2{
    position:fixed;
    margin:auto;
    width:450px;
    left:65%;
    height:100%;
    -webkit-transform:translate3d(0%,0,0);
    transform:translate3d(0%,0,0)
}
.sidebar-modal .modal.left .modal-content{
    height:100%;
    overflow-y:auto;
    border-radius:0;
    border:none;
    background-color:#fff
}
.sidebar-modal .modal.left .modal-body{
    padding:30px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget{
    margin-bottom:35px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .title{
    position:relative;
    z-index:1;
    margin-bottom:20px;
    color:#1f1f1f;
    padding-bottom:5px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget:last-child{
    margin-bottom:0
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget ul{
    list-style:none;
    padding:0;
    margin:0
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget ul li{
    margin-bottom:10px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget ul li:last-child{
    margin-bottom:0
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget ul li a{
    font-size:16px;
    color:#8b8b8b;
    font-weight:600;
    text-transform:capitalize
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget ul li a:hover{
    color:#0152a3
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget ul li a img{
    width:80px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .modal-widget-blog ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    list-style-type:none;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:0;
    margin-top:-10px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .modal-widget-blog ul li{
    -webkit-box-flex:0;
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
    padding-left:5px;
    padding-right:5px;
    padding-top:10px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .social-list{
    text-align:left
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .social-list li{
    display:inline-block;
    padding-right:5px
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .social-list li a i{
    width:35px;
    height:35px;
    display:inline-block;
    text-align:center;
    line-height:35px;
    border-radius:50px;
    color:#fff;
    background-color:#8b8b8b;
    font-size:12px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .social-list li a i:hover{
    background-color:#0152a3
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .social-list li a:hover{
    color:#0152a3
}
.sidebar-modal .modal.left .modal-body .sidebar-modal-widget .social-list li:hover{
    color:#fff
}
.sidebar-modal .modal.right.fade.show .modal-dialog{
    right:0;
    -webkit-animation:fadeInRight .6s linear;
    animation:fadeInRight .6s linear
}
.sidebar-modal .modal.left.fade.show .modal-dialog2{
    left:0;
    -webkit-animation:fadeInRight .6s linear;
    animation:fadeInRight .6s linear
}
.sidebar-modal .modal-header{
    display:inline;
    padding:0;
    border:none
}
.sidebar-modal .modal-header .close{
    height:110px;
    width:100px;
    color:#fff;
    margin:0;
    padding:0;
    cursor:pointer;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    border:none;
    opacity:1;
    position:absolute;
    top:4px;
    right:0;
    background-color:transparent
}
.sidebar-modal .modal-header .close i{
    font-size:30px;
    background-color:#f2f2f2;
    border-radius:50px;
    width:50px;
    height:50px;
    line-height:50px;
    color:#1f1f1f
}
.sidebar-modal .modal-header .close i:hover{
    background-color:#0152a3;
    color:#fff
}
.sidebar-modal .modal-header h2{
    background-color:#fff;
    -webkit-box-shadow:0 0 20px 3px rgba(0,0,0,.05);
    box-shadow:0 0 20px 3px rgba(0,0,0,.05);
    padding:16px 25px
}
.sidebar-modal button:focus{
    outline:0
}
.sidebar-modal .modal.right.fade.show .modal-dialog{
    right:0;
    -webkit-animation:fadeInRight .6s linear;
    animation:fadeInRight .6s linear
}
.sidebar-modal .modal.right.fade .modal-dialog{
    right:0
}
.sidebar-modal .modal.left.fade.show .modal-dialog{
    left:0;
    -webkit-animation:fadeInRight .6s linear;
    animation:fadeInRight .6s linear
}
.sidebar-modal .modal.left.fade .modal-dialog2{
    left:0
}
.home-area{
    position:relative
}
.slider-item{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative
}
.slider-item:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.5
}
.slider-item .slider-content{
    text-align:center;
    padding-top:290px;
    padding-bottom:270px;
    position:relative
}
.slider-item .slider-content p{
    margin-left:auto;
    margin-right:auto
}
.banner-content span{
    font-size:14px;
    letter-spacing:5.5px;
    color:#ededed;
    text-transform:uppercase;
    font-weight:300
}
.banner-content h1{
    font-size:68px;
    color:#fff;
    font-family:oswald,sans-serif;
    margin-bottom:25px;
    text-transform:uppercase
}
.banner-content p{
    color:#fff;
    max-width:600px;
    margin-bottom:40px
}
.item-bg1{
    background-image:url(../img/home1/2.jpg)
}
.item-bg2{
    background-image:url(../img/home1/3.jpg)
}
.item-bg3{
    background-image:url(../img/home1/1.jpg)
}
.home-slider{
    position:relative
}
.home-slider .owl-nav{
    margin-top:0
}
.home-slider .owl-nav::before{
    content:'';
    position:absolute;
    left:50%;
    right:50%;
    bottom:80px;
    height:15px;
    width:1px;
    background-color:#fff
}
.home-slider .owl-nav .owl-prev{
    position:absolute;
    bottom:60px;
    left:43%;
    color:#fff!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.home-slider .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.home-slider .owl-nav .owl-prev::before{
    content:'Prev';
    position:absolute;
    bottom:10px;
    left:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.home-slider .owl-nav .owl-next{
    position:absolute;
    bottom:60px;
    right:43%;
    color:#fff!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.home-slider .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.home-slider .owl-nav .owl-next::before{
    content:'Next';
    position:absolute;
    bottom:10px;
    right:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.customer-area{
    background-color:#073868
}
.customer-from{
    margin-bottom:30px;
    background-color:#0152a3;
    padding:50px 50px 52px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.customer-from p{
    font-size:14px;
    color:#96cafe;
    text-transform:uppercase;
    letter-spacing:5.5px;
    font-family:oswald,sans-serif;
    margin-bottom:0
}
.customer-from h2{
    font-size:35px;
    color:#fff;
    text-transform:uppercase
}
.customer-from .agree-label{
    margin-bottom:30px
}
.customer-from .agree-label label{
    font-size:15px;
    color:#fff;
    font-family:oswald,sans-serif;
    font-weight:300;
    margin-left:10px
}
.customer-from .form-group{
    position:relative;
    margin-bottom:25px
}
.customer-from .form-group i{
    position:absolute;
    top:15px;
    left:20px;
    line-height:1;
    font-size:18px;
    color:#fff;
    z-index:1
}
.customer-from .form-group .form-control{
    height:50px;
    padding:10px 20px 10px 45px;
    border:1px solid #2378f4;
    color:#97cbff;
    background-color:#0564c3;
    font-weight:400;
    border-radius:0
}
.customer-from .form-group .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:none
}
.customer-from .form-group textarea.form-control{
    height:auto
}
.customer-from .form-group .select-phone{
    position:absolute;
    top:0;
    left:0;
    width:85px;
    padding-left:20px;
    padding-right:10px
}
.customer-from .nice-select{
    height:50px;
    width:100%;
    line-height:32px;
    font-size:15px;
    margin-bottom:30px;
    padding-left:20px;
    color:#5d5d5d;
    border-radius:50px;
    background-color:#0152a3;
    color:#fff
}
.customer-from .nice-select .list{
    background-color:#fff;
    -webkit-box-shadow:0 0 29px 0 rgba(102,102,102,.1);
    box-shadow:0 0 29px 0 rgba(102,102,102,.1);
    border-radius:0;
    margin-top:0;
    width:100%;
    padding-top:10px;
    padding-bottom:10px
}
.customer-from .nice-select .list .option{
    -webkit-transition:.6s;
    transition:.6s;
    color:#0f123b;
    padding-left:20px;
    padding-right:20px
}
.customer-from .nice-select .list .option:hover{
    background-color:#207ef7!important;
    color:#fff
}
.customer-from .nice-select .list .option .selected{
    background-color:transparent;
    font-weight:600
}
.customer-from .nice-select::after{
    height:8px;
    width:8px;
    border-color:#04b8e5;
    right:23px
}
.customer-from .get-btn{
    height:50px;
    line-height:50px;
    width:100%;
    background-color:#fff;
    color:#0d1820;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transform:.7s;
    transform:.7s;
    font-size:18px
}
.customer-from .get-btn:hover{
    background-color:#1f1f1f;
    color:#fff
}
.customer-from .form-group .form-control::-webkit-input-placeholder{
    color:#97cbff
}
.customer-from .form-group .form-control:-ms-input-placeholder{
    color:#97cbff
}
.customer-from .form-group .form-control::-ms-input-placeholder{
    color:#97cbff
}
.customer-from .form-group .form-control::placeholder{
    color:#97cbff
}
.customer-service{
    background-color:#fff;
    margin-bottom:30px;
    padding:35px 50px 15px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.customer-service h2{
    font-size:35px;
    font-family:oswald,sans-serif;
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:30px
}
.customer-service .customer-service-card{
    background-color:#f2f2f2;
    padding:29.9px 0;
    margin-bottom:30px;
    position:relative
}
.customer-service .customer-service-card i{
    font-size:50px;
    position:absolute;
    top:8px;
    left:30px;
    color:#555657
}
.customer-service .customer-service-card .content{
    margin-left:100px;
    display:block;
    -webkit-transition:.7s;
    transition:.7s
}
.customer-service .customer-service-card .content h3{
    font-size:21px;
    color:#555657;
    margin-left:0;
    margin-bottom:0;
    max-width:145px;
    font-family:archivo,sans-serif;
    font-weight:400
}
.customer-service .customer-service-card:hover .content h3{
    text-decoration:underline
}
.about-content{
    margin-bottom:30px
}
.about-content .section-title h2{
    /* max-width:440px */
}
.about-content .section-title p{
    /*max-width:480px*/
}
.about-content .about-sedule{
    margin-top:30px;
}
.about-content .about-sedule ul{
    list-style:none;
    margin:0;
    padding:0
}
.about-content .about-sedule ul li{
    display:block;
    font-size:18px;
    color:#555657;
    margin-bottom:10px;
    -webkit-transition:.9s;
    transition:.9s
}
.about-content .about-sedule ul li i{
    margin-right:10px;
    position:relative;
    top:-3px;
    -webkit-transition:.9s;
    transition:.9s;
    color:#0152a3
}
.about-content .about-sedule ul li.active{
    color:#0152a3
}
.about-content .about-sedule ul li:hover{
    color:#0152a3
}
.about-content .about-btn{
    margin-top:30px
}
.about-img{
    margin-bottom:30px
}
.about-img .about-single{
    position:relative;
    margin-right:40px
}
.about-img .about-single img{
    z-index:1
}
.about-img .about-single .about-dots{
    position:absolute;
    top:50%;
    left:-40px;
    z-index:-1
}
.about-img .about-single .about-play{
    top:50%;
    position:absolute;
    right:-40px;
    max-width:410px;
    background-color:#0152a3;
    padding-top:30px;
    padding-left:35px;
    padding-right:35px;
    padding-bottom:42px
}
.about-img .about-single .about-play h3{
    font-size:35px;
    color:#fff;
    text-transform:uppercase
}
.about-img .about-single .about-play p{
    color:#fff
}
.about-img .about-single .about-play .play-btn{
    color:#fff;
    font-size:18px
}
.about-img .about-single .about-play .play-btn i{
    width:60px;
    height:60px;
    line-height:60px;
    background-color:#fff;
    border-radius:50px;
    color:#0152a3;
    text-align:center;
    font-size:30px;
    margin-right:10px;
    position:relative;
    top:5px;
    -webkit-transition:.7s;
    transition:.7s
}
.about-img .about-single .about-play .play-btn i:hover{
    background-color:#1f1f1f;
    color:#fff
}
.about-img .about-single .about-play .play-shape{
    float:right;
    bottom:-20px;
    position:relative;
    right:-15px
}
.service-area{
    background-color:#f0f0f0;
    padding-bottom:100px
}
.service-slider{
    position:relative
}
.service-slider .owl-nav{
    margin-bottom:40px
}
.service-slider .owl-nav::before{
    content:'';
    position:absolute;
    left:50%;
    right:50%;
    bottom:-40px;
    height:15px;
    width:1px;
    background-color:#7c7c82
}
.service-slider .owl-nav .owl-prev{
    position:absolute;
    bottom:-60px;
    left:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.service-slider .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.service-slider .owl-nav .owl-prev::before{
    content:'Prev';
    position:absolute;
    bottom:10px;
    left:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.service-slider .owl-nav .owl-next{
    position:absolute;
    bottom:-60px;
    right:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.service-slider .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.service-slider .owl-nav .owl-next::before{
    content:'Next';
    position:absolute;
    bottom:10px;
    right:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.service-slider .center .service-item{
    background-color:#0152a3
}
.service-slider .center .service-item::after{
    width:100%;
    opacity:1
}
.service-slider .center .service-item h3,.service-slider .center .service-item p{
    color:#fff;
    z-index:5555
}
.service-slider .center .service-item .read-more-btn{
    color:#fff
}
.service-slider .center .service-item .read-more-btn i{
    display:inline-block
}
.service-slider .center .service-item .service-icon{
    color:#5399dd
}
.service-item{
    background-color:#fff;
    padding:40px 30px;
    position:relative;
    z-index:1
}
.service-item::before{
    content:'';
    position:absolute;
    width:100%;
    height:0;
    top:0;
    left:0;
    right:0;
    background-color:#0152a3;
    z-index:-1;
    opacity:0;
    -webkit-transition:.7s;
    transition:.7s
}
.service-item:hover::before{
    opacity:1;
    height:100%
}
.service-item:hover h3,.service-item p{
    color:#fff
}
.service-item:hover p{
    color:#fff
}
.service-item:hover .read-more-btn{
    color:#fff
}
.service-item:hover .read-more-btn i{
    display:inline-block
}
.service-item:hover .service-icon{
    color:#5399dd
}
.service-item a{
    display:block
}
.service-item a h3{
    font-size:20px;
    text-transform:uppercase;
    font-family:oswald,sans-serif;
    max-width:220px;
    margin-bottom:10px;
    line-height:1.6
}
.service-item p{
    margin-bottom:10px;
    max-width:300px;
    color:#8b8b8b
}
.service-item .read-more-btn{
    font-size:14px;
    text-transform:uppercase;
    color:#8b8b8b;
    margin-bottom:0
}
.service-item .read-more-btn i{
    margin-right:10px;
    position:relative;
    top:-3px;
    display:none;
    -webkit-transform:.9s;
    transform:.9s
}
.service-item .read-more-btn:hover i{
    display:inline-block
}
.service-item .service-icon{
    position:relative;
    margin-top:-50px;
    font-size:50px;
    float:right;
    color:#1f1f1f
}
.counter-bg{
    background-color:#1f1f1f;
    padding-bottom:55px
}
.counter-title h2{
    max-width:470px;
    font-size:25px;
    color:#0152a3;
    text-transform:uppercase;
    margin-left:60px;
    margin-bottom:45px
}
.counter-single{
    margin-bottom:30px
}
.counter-single h2{
    position:relative;
    top:-20px;
    font-size:75px;
    float:left;
    font-weight:300;
    max-width:100px;
    color:#fff;
    margin-right:15px
}
.counter-single .counter-conten{
    display:inline-block
}
.counter-single .counter-conten span{
    font-size:17px;
    color:#fff;
    text-transform:uppercase;
    font-weight:400
}
.counter-single .counter-conten p{
    font-size:17px;
    color:#fff;
    margin-bottom:0;
    font-weight:400;
    text-transform:uppercase
}
.counter-text-color{
    color:#8fc8ff!important
}
.management-slider{
    position:relative
}
.management-slider .owl-nav{
    margin-bottom:40px
}
.management-slider .owl-nav::before{
    content:'';
    position:absolute;
    left:50%;
    right:50%;
    bottom:-40px;
    height:15px;
    width:1px;
    background-color:#7c7c82
}
.management-slider .owl-nav .owl-prev{
    position:absolute;
    bottom:-60px;
    left:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.management-slider .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.management-slider .owl-nav .owl-prev::before{
    content:'Prev';
    position:absolute;
    bottom:10px;
    left:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.management-slider .owl-nav .owl-next{
    position:absolute;
    bottom:-60px;
    right:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.management-slider .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.management-slider .owl-nav .owl-next::before{
    content:'Next';
    position:absolute;
    bottom:10px;
    right:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.management-area{
    overflow:hidden
}
.management-home-two{
    overflow:hidden
}
.management-area-two{
    border-top:1px solid #f1f1f1
}
.management-slider-two{
    position:relative
}
.management-slider-two .owl-nav{
    margin:0
}
.management-slider-two .owl-nav .owl-prev{
    position:absolute;
    top:50%;
    left:0;
    font-size:24px!important;
    background-color:#0152a3!important;
    -webkit-transition:.7s;
    transition:.7s;
    width:45px!important;
    height:45px!important;
    color:#fff!important;
    border-radius:50px;
    line-height:50px!important
}
.management-slider-two .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:#fff!important
}
.management-slider-two .owl-nav .owl-next{
    position:absolute;
    top:50%;
    right:0;
    font-size:24px!important;
    background-color:#0152a3!important;
    -webkit-transition:.7s;
    transition:.7s;
    width:45px!important;
    height:45px!important;
    color:#fff!important;
    border-radius:50px;
    line-height:50px!important
}
.management-slider-two .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:#fff!important
}
.management-title .section-title h2{
    margin-left:auto;
    margin-right:auto;
    max-width:500px
}
.management-title .section-title p{
    max-width:700px;
    margin-left:auto;
    margin-right:auto
}
.management-title .section-title .max-width{
    margin-left:0!important;
    margin-right:unset!important;
    max-width:500px
}
.management-text p{
    margin-top:30px;
    max-width:500px
}
.management-item{
    -webkit-transition:.9s;
    transition:.9s;
    margin-bottom:20px
}
.management-item .management-img{
    position:relative;
    -webkit-transition:.9s;
    transition:.9s
}
.management-item .management-img .management-content{
    position:absolute;
    max-width:485px;
    bottom:-20px;
    right:20px;
    background-color:#fff;
    border-radius: 15px;
    padding: 20px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1);
    -webkit-transition:.9s;
    transition:.9s
}
.management-item .management-img .management-content span{
    font-size:14px;
    color:#8b8b8b;
    text-transform:uppercase
}
.management-item .management-img .management-content h3{
    font-size:18px;
    /*max-width:310px;*/
    -webkit-transition:.9s;
    transition:.9s;
    text-transform:uppercase;
    line-height:1.5
}
.management-item .management-img .management-content p{
    max-width:360px;
    color: rgba(0,0,0, 0.8);
    display:none;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition:.9s;
    transition:.9s
}
.management-item:hover .management-img .management-content p{
    display:block
}
/*.management-item:hover .management-img .management-content h3{
    color:#0152a3
}*/
.management-content-btl{
    bottom:20px!important;
    left:20px;
    right:auto!important
}
.award-area{
    background-image:url(../img/inner-banner/5.jpg);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding-top:100px;
    padding-bottom:100px;
    position:relative;
    z-index:1
}
.award-area::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.7
}
.award-list{
    background-color:#fff;
    padding:70px 50px
}
.award-list ul{
    list-style:none;
    padding:0;
    margin:0
}
.award-list ul li{
    display:#000;
    border-bottom:1px solid #c4c0c0;
    padding-bottom:10px;
    font-size:16px;
    margin-bottom:7px
}
.award-list ul li:last-child{
    margin-bottom:0
}
.award-list ul li span{
    font-size:24px;
    color:#0152a3;
    margin-right:15px
}
.award-title{
    margin-left:70px
}
.award-title .section-title span{
    color:#fff
}
.award-title .section-title h2{
    color:#fff;
    font-size:45px
}
.award-title .section-title p{
    color:#fff;
    margin-bottom:40px
}
.offer-item{
    margin-bottom:30px
}
.offer-item .section-title{
    max-width:465px
}
.offer-item .section-title p{
    max-width:100%
}
.offer-item .offer-rate{
    margin-top:20px
}
.offer-item .offer-rate h3{
    font-size:20px
}
.offer-item .offer-rate h3 span{
    color:#e41414;
    font-size:30px;
    margin-left:5px
}
.offer-img{
    margin-bottom:30px
}
.offer-img .images-offer{
    position:relative
}
.offer-img .images-offer .offer-top{
    position:absolute;
    top:-20px;
    left:-20px;
    max-width:240px;
    padding:40px 30px;
    background-color:#0152a3
}
.offer-img .images-offer .offer-top h3{
    font-size:30px;
    color:#fff;
    margin-bottom:15px;
    font-weight:400;
    line-height:1.5
}
.offer-img .images-offer .offer-top .claim-btn{
    color:#fff;
    text-transform:uppercase
}
.offer-img .images-offer .offer-top .claim-btn i{
    margin-right:10px
}
.offer-img .images-offer .offer-top .claim-btn:hover{
    color:#1f1f1f
}
.offer-img .images-offer .offer-bottom{
    position:absolute;
    bottom:-20px;
    right:-20px;
    max-width:240px;
    padding:40px 30px;
    background-color:#1f1f1f
}
.offer-img .images-offer .offer-bottom h3{
    font-size:30px;
    color:#fff;
    margin-bottom:15px;
    font-weight:400;
    line-height:1.5
}
.offer-img .images-offer .offer-bottom .join-btn{
    color:#8b8b8b;
    text-transform:uppercase
}
.offer-img .images-offer .offer-bottom .join-btn:hover{
    color:#fff
}
.brand-area{
    position:relative;
    border-top:1px solid #f1f1f1
}
.brand-item{
    text-align:center;
    line-height:1;
    padding:50px 0;
    margin-bottom:0
}
.brand-item a img{
    height:60px
}
.brand-item a img:hover{
    opacity:1
}
.brand-item a .brand-item-logo2{
    display:none!important
}
.maintenance-area{
    background-color:#073868
}
.maintenance-text .section-title span{
    color:#8b8b8b
}
.maintenance-text .section-title h2{
    color:#fff
}
.maintenance-text .section-title p{
    color:#b3aeae
}
.maintenance-text .section-title p a{
    color:#fff;
    text-decoration:underline;
    margin-left:5px
}
.maintenance-text .section-title p a:hover{
    color:#0152a3
}
.maintenance-item{
    margin-bottom:30px;
    background-color:#0152a3;
    padding:30px;
    position:relative;
    -webkit-transition:.7s;
    transition:.7s
}
.maintenance-item:hover{
    background-color:#fff
}
.maintenance-item:hover .maintenance-content h3{
    color:#0152a3
}
.maintenance-item:hover i{
    color:#0152a3
}
.maintenance-item i{
    font-size:20px;
    position:absolute;
    top:20px;
    left:20px;
    color:#fff
}
.maintenance-item .maintenance-content{
    margin-left:30px
}
.maintenance-item .maintenance-content h3{
    font-size:20px;
    color:#fff;
    font-weight:400
}
.maintenance-more{
    margin-bottom:30px
}
.maintenance-more a{
    color:#8b8b8b
}
.maintenance-more a i{
    margin-right:10px
}
.maintenance-more a:hover{
    color:#fff
}
.maintenance-area-bg{
    background-color:#1f1f1f
}
.technician-item span{
      color: #353535;
    font-weight: 500;
    line-height: 0;
    letter-spacing: 3.5px;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 5px;
}
.technician-item h2{
    font-size: 35px;
    font-family: oswald,sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px;
    line-height: 1.5;
    color: #2898B4 !important;
}
.technician-item ul{
    list-style:none;
    margin:0;
    padding:0
}
.technician-item ul li{
    display:block;
    color:#555657;
    line-height: 28px;
    font-size: 17px;
    margin-bottom:15px
}

.technician-item ul li strong {
    color: #353535;
}

.technician-item ul li i{
    font-size:26px;
    margin-right:5px;
    position:relative;
    top:5px
}
.technician-item ul li a{
    color:#555657
}
.technician-item .technician-btn{
    margin-top:35px
}
.technician-img{
    margin-bottom:30px
}

.technician-img img {
    border-radius: 10px;
}
.project-card{
    margin-bottom:50px
}
.project-card .project-card-img{
    position:relative
}
.project-card .project-card-img a{
    display:block
}
.project-card .project-card-img a img{
    max-width:100%
}
.project-card .project-card-img .project-content{
    position:absolute;
    bottom:-20px;
    right:15px;
    max-width:240px;
    background-color:#1f1f1f;
    padding:30px;
    z-index:1
}
.project-card .project-card-img .project-content.active::before{
    opacity:1;
    width:100%
}
.project-card .project-card-img .project-content:hover::before{
    opacity:1;
    width:100%
}
.project-card .project-card-img .project-content:hover span,.project-card .project-card-img .project-content .view-more-btn{
    color:#fff
}
.project-card .project-card-img .project-content:hover .view-more-btn{
    color:#fff
}
.project-card .project-card-img .project-content::before{
    content:'';
    position:absolute;
    width:0;
    height:100%;
    background-color:#0152a3;
    top:0;
    left:0;
    right:0;
    -webkit-transition:.7s;
    transition:.7s;
    opacity:0;
    z-index:-1
}
.project-card .project-card-img .project-content span{
    color:#bfbfbf;
    font-weight:500;
    line-height:0;
    letter-spacing:5.5px;
    font-size:14px;
    text-transform:uppercase
}
.project-card .project-card-img .project-content a{
    display:block
}
.project-card .project-card-img .project-content a h3{
    font-size:28px;
    color:#fff;
    text-transform:uppercase
}
.project-card .project-card-img .project-content .view-more-btn{
    color:#bfbfbf;
    margin-top:15px
}
.project-card .project-card-img .project-content .view-more-btn i{
    margin-right:10px;
    position:relative;
    top:-3px
}
.project-card .project-card-img .project-content .view-more-btn:hover{
    color:#fff
}
.project-mb{
    margin-bottom:30px!important
}
.price-area{
    background-color:#f2f2f2;
    margin-bottom:100px
}
.price-card{
    background-color:#fff;
    padding-bottom:40px
}
.price-card .price-card-title{
    padding-top:50px;
    padding-bottom:20px;
    text-align:center;
    border-bottom:1px solid #f1f1f1
}
.price-card .price-card-title h3{
    font-size:20px;
    font-weight:400;
    font-family:archivo,sans-serif;
    margin-bottom:0
}
.price-card .price-card-title h2{
    font-size:60px
}
.price-card .price-card-title h2 span{
    font-size:35px;
    font-weight:300
}
.price-card .price-card-title p{
    margin-bottom:0
}
.price-card ul{
    list-style:none;
    margin-top:20px;
    border-bottom:1px solid #f1f1f1;
    padding:0
}
.price-card ul li{
    display:block;
    padding-left:35px;
    padding-right:35px;
    margin-bottom:10px
}
.price-card ul li .list-left{
    color:#0152a3;
    margin-right:5px
}
.price-card ul li .list-right{
    color:#f2f2f2;
    margin-left:5px
}
.price-card ul li:last-child{
    margin-bottom:20px
}
.price-card .price-btn{
    margin-top:20px;
    text-align:center
}
.price-card .price-btn .default-btn{
    padding:10px 40px
}
.price-card .price-card-title{
    position:relative;
    z-index:1
}
.price-card .price-card-title::before{
    position:absolute;
    z-index:-1;
    content:'';
    left:0;
    top:0;
    right:0;
    height:100%;
    width:0;
    background-color:#0152a3;
    -webkit-transition:.7s;
    transition:.7s;
    opacity:0
}
.price-card:hover .price-card-title::before{
    width:100%;
    opacity:1
}
.price-card:hover .price-card-title h3{
    color:#fff
}
.price-card:hover .price-card-title h2{
    color:#fff
}
.price-card:hover .price-card-title p{
    color:#fff
}
.price-card.active .price-card-title::before{
    width:100%;
    opacity:1
}
.price-card.active .price-card-title h3{
    color:#fff
}
.price-card.active .price-card-title h2{
    color:#fff
}
.price-card.active .price-card-title p{
    color:#fff
}
.newsleter-section{
    position:relative;
    bottom:-100px
}
.newsleter-area{
    padding:50px 0;
    background-color:#0152a3
}
.newsleter-area h2{
    font-size:25px;
    color:#fff;
    margin-bottom:30px;
    margin-left:60px;
    max-width:300px;
    text-transform:uppercase
}
.newsletter-form{
    position:relative;
    max-width:500px;
    margin-left:60px
}
.newsletter-form .form-control{
    background:#fff;
    height:55px;
    line-height:55px;
    margin:0;
    border-radius:0;
    border:none;
    padding:0 25px
}
.newsletter-form .form-control:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none
}
.newsletter-form .subscribe-btn{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    background-color:#1f1f1f;
    color:#fff;
    line-height:55px;
    padding:0 30px;
    height:55px;
    border:0
}
.newsletter-form .subscribe-btn:hover{
    background:#0c0a69;
    color:#fff
}
.newsletter-form .validation-danger{
    font-size:18px;
    margin-top:5px;
    color:red
}
.newsleter-right{
    background-color:#1f1f1f;
    padding:58.8px 60px;
    position:relative
}
.newsleter-right h3{
    font-size:25px;
    color:#fff;
    max-width:280px;
    position:relative;
    z-index:1;
    text-transform:uppercase
}
.newsleter-right a{
    margin-top:15px;
    font-size:25px;
    color:#fff;
    position:relative;
    z-index:1
}
.newsleter-right a:hover{
    color:#0152a3
}
.newsleter-right .newsleter-right-icon{
    font-size:120px;
    position:absolute;
    bottom:-30px;
    right:30px;
    color:#363636
}
.testimonial-bg{
    background-image:url(../img/testimonial/1.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:1;
    padding-top:100px;
    padding-bottom:100px;
    margin:0 auto
}
.testimonial-slider{
    max-width:620px;
    margin-left:auto;
    background-color:#fff;
    position:relative
}
.testimonial-slider .owl-nav::before{
    content:'';
    position:absolute;
    left:17.5%;
    bottom:40px;
    height:15px;
    width:1px;
    background-color:#c4c0c0
}
.testimonial-slider .owl-nav .owl-prev{
    position:absolute;
    bottom:20px;
    left:5%;
    color:#c4c0c0!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.testimonial-slider .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.testimonial-slider .owl-nav .owl-prev::before{
    content:'Prev';
    position:absolute;
    bottom:10px;
    left:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.testimonial-slider .owl-nav .owl-next{
    position:absolute;
    bottom:20px;
    right:70%;
    color:#c4c0c0!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.testimonial-slider .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.testimonial-slider .owl-nav .owl-next::before{
    content:'Next';
    position:absolute;
    bottom:10px;
    right:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.testimonial-item{
    padding:40px 40px 80px
}
.testimonial-item .testimonial-img{
    display:inline-block
}
.testimonial-item .testimonial-img img{
    float:left
}
.testimonial-item .testimonial-text{
    display:inline-block;
    position:relative;
    left:15px;
    top:-30px
}
.testimonial-item .testimonial-text h3{
    font-size:20px;
    margin-bottom:0
}
.testimonial-item .testimonial-text span{
    color:#777;
    font-size:13px
}
.testimonial-item .content{
    margin-top:15px
}
.testimonial-item .content p{
    font-size:20px;
    color:#555657!important;
    margin-bottom:0;
    font-family:oswald,sans-serif;
    font-weight:600
}
.blog-card{
    margin-bottom:30px;
    background-color:#fff;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1);
    -webkit-transition:.9s;
    transition:.9s
}
.blog-card a{
    display:block
}
.blog-card a img{
    max-width:100%
}
.blog-card:hover{
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.blog-card:hover .blog-content a h3{
    color:#0152a3
}
.blog-card .blog-content{
    padding:25px
}
.blog-card .blog-content ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-card .blog-content ul li{
    display:inline-block;
    margin:0 5px;
    color:#767676
}
.blog-card .blog-content ul li i{
    color:#0152a3;
    margin-right:7px
}
.blog-card .blog-content.blog-content-head a h3{
    margin-top:0
}
.blog-card .blog-content a{
    display:block
}
.blog-card .blog-content a h3{
    font-size:20px;
    margin-top:10px;
    -webkit-transition:.7s;
    transition:.7s;
    margin-bottom:15px;
    line-height:1.6
}
.blog-card .blog-content .more-blog{
    font-size:14px;
    color:#8b8b8b;
    font-weight:600;
    text-transform:uppercase
}
.blog-card .blog-content .more-blog i{
    position:relative;
    top:-3px;
    margin-right:10px;
    font-weight:400
}
.blog-card .blog-content .more-blog:hover{
    color:#0152a3
}
.blog-card .blog-date{
    position:relative;
    margin-top:-20px;
    left:30px;
    background-color:#fff;
    padding:7px 10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3);
    width:180px
}
.blog-card .blog-date ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-card .blog-date ul li{
    display:inline-block;
    color:#767676
}
.blog-card .blog-date ul li i{
    color:#0152a3;
    margin-right:3px;
    position:relative;
    top:2px
}
.footer-top{
    background-color:#1f1f1f;
    padding-top:40px;
    padding-bottom:10px;
    border-bottom:1px solid #323232
}
.footer-logo{
    float:left;
    margin-bottom:30px
}
.footer-top-card{
    position:relative;
    margin-bottom:30px
}
.footer-top-card i{
    font-size:60px;
    color:#8b8b8b;
    position:absolute;
    left:0;
    top:-25px
}
.footer-top-card span{
    margin-left:75px;
    color:#8b8b8b;
    font-size:14px
}
.footer-top-card h3{
    margin-left:75px;
    font-size:20px;
    color:#fff;
    font-weight:400;
    font-family:archivo,sans-serif
}
.footer-middle{
    background-color:#1f1f1f
}
.footer-list{
    margin-bottom:30px
}
.footer-list h3{
    font-size:18px;
    color:#fff;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 17px;
}
.footer-list ul{
    list-style:none;
    margin:0;
    padding:0
}
.footer-list ul li{
    display:block;
    color:#bec6cb;
    margin-bottom:10px;
    -webkit-transition:.7s;
    transition:.7s
}
.footer-list ul li i{
    margin-right:7px
}
.footer-list ul li a{
    font-size: 15px;
    color: rgba(256,256,256,0.8);
    /*text-transform:uppercase*/
    text-transform: capitalize;
}
.footer-list ul li:hover{
    color:#fff;
    margin-left:5px
}
.footer-map{
    margin-bottom:30px
}
.footer-map iframe{
    display:block;
    width:100%;
    height:310px
}
.footer-gallery{
    margin-bottom:30px;
    margin-left:30px
}
.footer-gallery h3{
    margin-bottom:30px;
    font-size:24px;
    color:#fff
}
.footer-gallery ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    list-style-type:none;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:0;
    margin-top:-10px
}
.footer-gallery ul li{
    -webkit-box-flex:0;
    -ms-flex:0 0 33.33%;
    flex:0 0 33.33%;
    max-width:33.33%;
    padding-left:5px;
    padding-right:5px;
    padding-top:10px
}
.footer-gallery ul li a{
    display:block;
    position:relative
}
.footer-gallery ul li a::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#000;
    -webkit-transition:all .5s;
    transition:all .5s;
    opacity:0;
    visibility:hidden
}
.footer-gallery ul li a:hover::before{
    opacity:.5;
    visibility:visible
}
.footer-bottom{
   background-image: linear-gradient(to bottom, #15373F, #2B9AB6);
    padding:10px 0
}
.bottom-social-link ul{
    list-style:none;
    margin:0;
    padding:0
}
.bottom-social-link ul li{
    display:inline-block;
    margin-right:5px
}
.bottom-social-link ul li a{
    width:25px;
    height:25px;
    line-height:27px;
    text-align:center;
    border-radius:50px;
    background-color: #fff;
    color:#1B5C6C;
}
.bottom-social-link ul li a:hover{
    background-color:#fff;
    color: #2999B5;
}
.bottom-social-link ul li a.active{
    border:1px solid #fff;
    background-color:#fff;
    color:#0152a3!important
}
.bottom-social-link ul li a.color-blue{
    color:#0152a3
}
.bottom-social-link ul li a.color-pink{
    color:#fe00ad
}
.bottom-social-link ul li a.color-red{
    color:#b72e2e
}
.bottom-social-link ul li a.color-dark-red{
    color:#e52d27
}
.bottom-text{
    float:right
}
.bottom-text p{
    padding:0;
    margin:0;
    font-size:  15px;
    color:  rgba(256,256,256,0.8);
}
.bottom-text p a{
    color:#fff;
    font-weight:500
}
.bottom-text p a:hover{
    color:#0152a3
}
.top-logo-img{
    padding:12px 0;
    border-left:1px solid #f3f3fa40;
    border-right:1px solid #f3f3fa40;
    text-align:center
}
.top-logo-img img{
    max-width:140px
}
.top-header-two{
    background-color:transparent;
    position:relative;
    border-bottom:1px solid #f3f3fa40;
    z-index:5
}
.head-left-two{
    padding-left:15px
}
.header-right-two{
    text-align:right;
    padding-right:15px
}
.header-top-card{
    padding:5px 0
}
.header-top-card ul{
    padding-left:0;
    margin-bottom:0;
    list-style-type:none
}
.header-top-card ul li{
    display:inline-block;
    text-align:left;
    position:relative;
    padding-left:52px;
    color:#fff;
    padding-top:22px;
    padding-bottom:22px
}
.header-top-card ul li .head-top-icon{
    color:#fff;
    font-size:60px;
    text-align:center;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.header-top-card ul li span{
    display:block;
    color:#fff;
    font-size:15px;
    margin-left:36px
}
.header-top-card ul li a{
    display:inline-block;
    color:#fff;
    font-size:22px;
    font-weight:300;
    margin-left:36px
}
.banner-area{
    position:relative;
    top:-130px;
    background-image:url(../img/home2.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    height:950px;
    position:relative;
    z-index:1
}
.banner-area::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.5
}
.banner-content-area{
    padding-top:270px
}
.banner-mt{
    margin-top:100px;
    margin-left:45px
}
.banner-mt h1{
    font-size:70px
}
.banner-from{
    background-color:#fff;
    padding:50px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.banner-from p{
    font-size:14px;
    color:#a7a7a7;
    text-transform:uppercase;
    letter-spacing:5.5px;
    font-family:oswald,sans-serif;
    margin-bottom:0
}
.banner-from h2{
    font-size:35px;
    color:#1f1f1f;
    text-transform:uppercase
}
.banner-from .agree-label-two{
    margin-bottom:30px
}
.banner-from .agree-label-two label{
    font-size:15px;
    color:#1f1f1f;
    font-family:oswald,sans-serif;
    font-weight:400;
    margin-left:10px
}
.banner-from .form-group{
    position:relative;
    margin-bottom:25px
}
.banner-from .form-group i{
    position:absolute;
    top:15px;
    left:20px;
    line-height:1;
    font-size:18px;
    color:#a7a7a7;
    z-index:1
}
.banner-from .form-group .form-control{
    height:50px;
    padding:10px 20px 10px 45px;
    border:1px solid #e0e0e0;
    color:#a7a7a7;
    background-color:#f2f2f2;
    font-weight:400;
    border-radius:0
}
.banner-from .form-group .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:none
}
.banner-from .form-group textarea.form-control{
    height:auto
}
.banner-from .form-group .select-banner-phone{
    position:absolute;
    top:0;
    left:0;
    width:85px;
    padding-left:20px;
    padding-right:10px
}
.banner-from .nice-select{
    height:50px;
    width:100%;
    line-height:32px;
    font-size:15px;
    margin-bottom:30px;
    padding-left:20px;
    color:#a7a7a7;
    border-radius:50px;
    background-color:#0152a3;
    color:#fff
}
.banner-from .nice-select .list{
    background-color:#fff;
    -webkit-box-shadow:0 0 29px 0 rgba(102,102,102,.1);
    box-shadow:0 0 29px 0 rgba(102,102,102,.1);
    border-radius:0;
    margin-top:0;
    width:100%;
    padding-top:10px;
    padding-bottom:10px
}
.banner-from .nice-select .list .option{
    -webkit-transition:.6s;
    transition:.6s;
    color:#a7a7a7;
    padding-left:20px;
    padding-right:20px
}
.banner-from .nice-select .list .option:hover{
    background-color:#207ef7!important;
    color:#fff
}
.banner-from .nice-select .list .option .selected{
    background-color:transparent;
    font-weight:600
}
.banner-from .nice-select::after{
    height:8px;
    width:8px;
    border-color:#a7a7a7;
    right:23px
}
.banner-from .get-btn2{
    height:50px;
    line-height:50px;
    width:100%;
    background-color:#0152a3;
    color:#fff;
    border:none;
    font-size:18px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transform:.7s;
    transform:.7s
}
.banner-from .get-btn2:hover{
    background-color:#1f1f1f;
    color:#fff
}
.banner-from .form-group .form-control::-webkit-input-placeholder{
    color:#a7a7a7
}
.banner-from .form-group .form-control:-ms-input-placeholder{
    color:#a7a7a7
}
.banner-from .form-group .form-control::-ms-input-placeholder{
    color:#a7a7a7
}
.banner-from .form-group .form-control::placeholder{
    color:#a7a7a7
}
.customer-service-area{
    padding-top:55px
}
.customer-service-item{
    border-radius:  5px;
    margin-bottom:30px;
    background-image: linear-gradient(to right, #15373F, #2B9AB6);
    padding:25px 10px  10px;
    text-align:center;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1)
}

.customer-service-item img{
    border: 3px solid #fff;
    /*padding: 3px;*/
    width: 75px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.customer-service-item:hover i{
    color:#0152a3
}
.customer-service-item:hover a h3{
    color:#0152a3;
    text-decoration:underline
}
.customer-service-item i{
    font-size:45px;
    color:#555657;
    line-height:1.3;
    -webkit-transition:.7s;
    transition:.7s
}
.customer-service-item a{
    display:block
}
.customer-service-item  h3{
    font-size:21px;
    color:#fff;
    font-weight:400;
    -webkit-transition:.7s;
    transition:.7s
}
.about-content-two{
    margin-bottom:30px
}
.about-content-two .section-title h2{
    max-width:440px;
    color:#0152a3
}
.about-content-play{
    margin-top:45px;
    position:relative;
    text-align:center
}
.about-content-play::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    background-image:url(../img/about/1.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.about-content-play .play-on-btn{
    margin:230px 0;
    position:relative;
    z-index:1;
    width:60px;
    height:60px;
    line-height:65px;
    background-color:#fff;
    border-radius:50px;
    color:#0152a3;
    text-align:center;
    font-size:30px;
    -webkit-transition:.7s;
    transition:.7s
}
.about-content-play .play-on-btn:hover{
    background-color:#1f1f1f;
    color:#fff
}
.about-right-content{
    margin-top:35px;
    margin-left:30px
}
.about-right-content p{
    margin-bottom:40px
}
.about-right-content img{
    width:100%
}
.about-right-content .about-right-sedule{
    margin-top:30px
}
.about-right-content .about-right-sedule ul{
    list-style:none;
    margin:0;
    padding:0
}
.about-right-content .about-right-sedule ul li{
    display:block;
    font-size:17px;
    color:#555657;
    margin-bottom:10px;
    -webkit-transition:.9s;
    transition:.9s
}
.about-right-content .about-right-sedule ul li i{
    margin-right:10px;
    position:relative;
    top:-3px;
    opacity:0;
    -webkit-transition:.9s;
    transition:.9s
}
.about-right-content .about-right-sedule ul li.active{
    color:#0152a3
}
.about-right-content .about-right-sedule ul li.active i{
    color:#0152a3;
    opacity:1
}
.about-right-content .about-right-sedule ul li:hover{
    color:#0152a3
}
.about-right-content .about-right-sedule ul li:hover i{
    color:#0152a3;
    opacity:1
}
.about-right-content .about-right-btn{
    margin-top:30px
}
.about-right-ml{
    margin-top:110px
}
.about-right-ml p{
    margin-bottom:0
}
.about-offer{
    margin-top:30px;
    margin-bottom:30px;
    background-color:#0152a3;
    padding:0 30px;
    position:relative
}
.about-offer ul{
    padding-left:0;
    margin-bottom:0;
    list-style-type:none
}
.about-offer ul li{
    display:inline-block;
    text-align:left;
    position:relative;
    padding-left:52px;
    color:#fff;
    margin-right:60px;
    padding-top:22px;
    padding-bottom:22px
}
.about-offer ul li .about-offer-icon{
    color:#fff;
    font-size:60px;
    text-align:center;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.about-offer ul li span{
    display:block;
    color:#fff;
    font-size:15px;
    margin-left:36px
}
.about-offer ul li h3{
    display:inline-block;
    color:#fff;
    font-size:22px;
    font-weight:500;
    margin-left:36px
}
.about-offer .about-offer-img{
    position:absolute;
    top:6px;
    right:5px;
    opacity:.3
}
.about-right-play{
    margin-top:30px;
    position:relative;
    text-align:center
}
.about-right-play::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    right:0;
    background-image:url(../img/about/4.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.about-right-play .play-right-btn{
    margin:230px 0;
    position:relative;
    z-index:1;
    width:60px;
    height:60px;
    line-height:65px;
    background-color:#fff;
    border-radius:50px;
    color:#0152a3;
    text-align:center;
    font-size:30px;
    -webkit-transition:.7s;
    transition:.7s
}
.about-right-play .play-right-btn:hover{
    background-color:#1f1f1f;
    color:#fff
}
.counter-bg2{
    background-color:#0152a3;
    padding-bottom:55px
}
.counter-area-two{
    position:relative;
    border-bottom:1px solid #eee
}
.counter-bg-img{
    position:absolute;
    width:100%;
    bottom:-100px;
    z-index:-1;
    left:0;
    right:0;
    text-align:center
}
.facility-item{
    margin-bottom:30px
}
.facility-item ul{
    list-style:none;
    margin:0;
    padding:0
}
.facility-item ul li{
    display:inline-block;
    position:relative
}
.facility-item ul li .facility-icon{
    display:inline-block;
    position:absolute;
    top:-25px;
    left:0;
    font-size:55px;
    color:#579ce0
}
.facility-item ul li .facility-content{
    padding-left:74px
}
.facility-item ul li .facility-content h3{
    font-size:20px;
    text-transform:uppercase
}
.facility-item ul li .facility-content p{
    margin-bottom:10px
}
.facility-item ul li .facility-content .facility-more{
    color:#555657;
    font-size:14px;
    font-weight:500
}
.facility-item ul li .facility-content .facility-more i{
    margin-right:5px
}
.facility-item ul li .facility-content .facility-more:hover{
    color:#0152a3
}
.offer-area-two{
    background-color:#f2f2f2
}
.offer-item-two{
    margin-bottom:30px
}
.offer-item-two .section-title h2{
    color:#0152a3;
    margin-bottom:30px
}
.offer-item-right{
    margin-bottom:30px;
    margin-top:162px
}
.offer-item-right p{
    margin-bottom:0;
    max-width:470px
}
.offer-item-right .offer-rate-two{
    margin-top:10px
}
.offer-item-right .offer-rate-two h3{
    font-size:20px
}
.offer-item-right .offer-rate-two h3 span{
    color:#e41414;
    font-size:30px;
    margin-left:5px
}
.offer-item-right .offer-rate-two .offer-claime{
    margin-top:20px;
    color:#0152a3;
    text-transform:uppercase;
    font-weight:600
}
.offer-item-right .offer-rate-two .offer-claime i{
    margin-right:5px;
    font-size:14px
}
.offer-item-right .offer-rate-two .offer-claime:hover{
    color:#1f1f1f
}
.technician-relative{
    position:relative
}
.technician-relative .technician-top{
    position:absolute;
    top:-20px;
    left:-20px;
    max-width:240px;
    padding:50px 30px;
    background-color:#1f1f1f
}
.technician-relative .technician-top h3{
    font-size:30px;
    color:#fff;
    margin-bottom:15px;
    font-weight:400;
    line-height:1.5
}
.technician-relative .technician-top .join-btn{
    color:#8b8b8b;
    text-transform:uppercase
}
.technician-relative .technician-top .join-btn:hover{
    color:#fff
}
.technician-relative .technician-bottom{
    position:absolute;
    bottom:20px;
    left:20px;
    max-width:240px;
    padding:50px 30px;
    background-color:#0152a3
}
.technician-relative .technician-bottom h3{
    font-size:30px;
    color:#fff;
    margin-bottom:15px
}
.technician-relative .technician-bottom .join-btn{
    color:#fff;
    text-transform:uppercase
}
.technician-relative .technician-bottom .join-btn:hover{
    color:#1f1f1f
}
.service-payment{
    position:relative;
    bottom:-100px
}
.service-paymen-bg{
    background-color:#0152a3;
    padding-top:80px;
    padding-bottom:70px;
    padding-left:70px;
    padding-right:70px
}
.service-payment-text h2{
    color:#fff
}
.service-payment-btn{
    display:inline-block
}
.service-payment-btn .sr-get-btn{
    padding:12px 27px;
    color:#0152a3;
    text-align:center;
    position:relative;
    overflow:hidden;
    z-index:1;
    background-color:#fff
}
.service-payment-btn .sr-get-btn::before{
    content:"";
    position:absolute;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#1f1f1f;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-payment-btn .sr-get-btn::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:0;
    height:100%;
    background-color:#1f1f1f;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-payment-btn .sr-get-btn:hover{
    color:#fff;
    border:none
}
.service-payment-btn .sr-get-btn:hover::before{
    left:auto;
    right:0;
    width:50%
}
.service-payment-btn .sr-get-btn:hover::after{
    left:0;
    right:0;
    width:50%
}
.service-payment-btn .sr-cal-btn{
    padding:12px 27px;
    margin-left:20px;
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
    z-index:1;
    background-color:#1f1f1f
}
.service-payment-btn .sr-cal-btn::before{
    content:"";
    position:absolute;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#fff;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-payment-btn .sr-cal-btn::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:0;
    height:100%;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-payment-btn .sr-cal-btn:hover{
    color:#0152a3;
    border:none
}
.service-payment-btn .sr-cal-btn:hover::before{
    left:auto;
    right:0;
    width:50%
}
.service-payment-btn .sr-cal-btn:hover::after{
    left:0;
    right:0;
    width:50%
}
.project-area-two{
    padding-top:200px;
    background-color:#f2f2f2
}
.project-content-toper{
    top:20px;
    bottom:auto!important
}
.team-card{
    text-align:center;
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.team-card a{
    display:block
}
.team-card a img{
    max-width:100%
}
.team-card .team-content{
    position:absolute;
    left:0;
    bottom:0px;
    right:0;
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color:#fff;
    text-align:left;
    padding:15px 30px
}
.team-card .team-content a{
    display:block
}
.team-card .team-content a h3{
    margin-bottom:0;
    font-size:20px
}
.team-card .team-content span{
    margin-top:6px;
    display:block;
    font-weight:600
}
.team-card .team-content .team-right{
    position:absolute;
    top:5px;
    right:7px;
    opacity:.3
}
.team-card .team-content .team-right .team-logo2{
    display:none
}
.team-card .team-social{
    position:absolute;
    right:20px;
    top:20px;
    padding-left:0;
    margin-bottom:0;
    list-style-type:none
}
.team-card .team-social li{
    display:block;
    margin-bottom:8px
}
.team-card .team-social li:last-child{
    margin-bottom:0
}
.team-card .team-social li a{
    width:32px;
    height:32px;
    text-align:center;
    background-color:#fff;
    font-size:18px;
    position:relative;
    border-radius:50px;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transition:.4s;
    transition:.4s
}
.team-card .team-social li a.color-blue{
    color:#1da1f2
}
.team-card .team-social li a.color-red{
    color:#d32f2f
}
.team-card .team-social li a.color-dark-red{
    color:#e52d27
}
.team-card .team-social li a:hover{
    background-color:#0152a3;
    color:#fff
}
.team-card .team-social li a i{
    position:absolute;
    left:0;
    top:50%;
    right:0;
    -webkit-transform:translateY(-48%);
    transform:translateY(-48%)
}
.team-card:hover .team-social li a{
    -webkit-transform:scale(1)!important;
    transform:scale(1)!important
}
.team-title{
    margin-top:60px;
    margin-bottom:30px
}
.team-title .section-title h2{
    color:#0152a3;
    margin-bottom:20px
}
.team-section-title .section-title h2{
    max-width:410px
}
.team-join{
    margin-top:20px;
    margin-bottom:30px
}
.brand-area-two{
    position:relative;
    background-color:#fff
}
.center .brand-item-two a img{
    opacity:1
}
.brand-item-two{
    text-align:center;
    line-height:1;
    margin-bottom:0
}
.brand-item-two a img{
    height:60px;
    opacity:.5;
    -webkit-transition:.7s;
    transition:.7s
}
.brand-item-two a img:hover{
    opacity:1
}
.brand-item-two a .brand-item-logo2{
    display:none!important
}
.client-slider{
    position:relative
}
.client-slider .center .client-item{
    background-color:#fff!important;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1);
    z-index:1
}
.client-slider .owl-nav{
    margin-bottom:40px
}
.client-slider .owl-nav::before{
    content:'';
    position:absolute;
    left:50%;
    right:50%;
    bottom:-40px;
    height:15px;
    width:1px;
    background-color:#7c7c82
}
.client-slider .owl-nav .owl-prev{
    position:absolute;
    bottom:-60px;
    left:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.client-slider .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.client-slider .owl-nav .owl-prev::before{
    content:'Prev';
    position:absolute;
    bottom:10px;
    left:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.client-slider .owl-nav .owl-next{
    position:absolute;
    bottom:-60px;
    right:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.client-slider .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.client-slider .owl-nav .owl-next::before{
    content:'Next';
    position:absolute;
    bottom:10px;
    right:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.client-item{
    padding:45px 75.7px;
    background-color:#f2f2f2;
    margin-bottom:30px;
    margin-top:45px
}
.client-item .client-img{
    display:inline-block
}
.client-item .client-img img{
    float:left
}
.client-item .client-text{
    display:inline-block;
    position:relative;
    left:15px;
    top:-30px
}
.client-item .client-text h3{
    font-size:20px;
    margin-bottom:0
}
.client-item .client-text span{
    color:#777;
    font-size:13px
}
.client-item .content{
    margin-top:15px
}
.client-item .content p{
    font-size:21px;
    color:#555657!important;
    margin-bottom:0;
    font-family:oswald,sans-serif;
    font-weight:400
}
.map-area iframe{
    display:block;
    width:100%;
    height:470px
}
.footer-area-two{
    background-color:#1f1f1f
}
.newsleter-section-two{
    position:relative;
    top:-100px;
    overflow:hidden
}
.newsleter-bg{
    background-color:#fff
}
.newsleter-bg h3{
    color:#1f1f1f
}
.newsleter-bg a{
    color:#0152a3;
    font-weight:600
}
.newsleter-bg a:hover{
    color:#fe4c1c
}
.newsleter-bg .newsleter-right-icon{
    color:#efefef
}
.top-header-three{
    background-color:#0152a3;
    border-bottom:1px solid #3277ba
}
.top-logo-img-three{
    margin-top:6px;
    padding-left:15px;
    max-width:150px
}
.header-three-right{
    float:right;
    padding-right:30px
}
.header-three-card ul{
    padding-left:0;
    margin-bottom:0;
    list-style-type:none
}
.header-three-card ul li{
    display:inline-block;
    text-align:left;
    position:relative;
    padding-left:40px;
    color:#fff;
    margin-right:45px;
    padding-top:22px;
    padding-bottom:22px
}
.header-three-card ul li::before{
    content:'';
    position:absolute;
    width:1px;
    height:110px;
    background-color:#3277ba;
    left:-26px;
    top:0
}
.header-three-card ul li:first-child::before{
    display:none
}
.header-three-card ul li:last-child{
    margin-right:0
}
.header-three-card ul li .head-three-icon{
    color:#7fc0ff;
    font-size:60px;
    text-align:center;
    position:absolute;
    left:0;
    top:50%;
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.header-three-card ul li span{
    display:block;
    color:#7fc0ff;
    font-size:15px;
    margin-left:36px
}
.header-three-card ul li a{
    display:inline-block;
    color:#fff;
    font-size:22px;
    font-weight:300;
    margin-left:36px
}
.home-three-area{
    position:relative
}
.home-three-item{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    z-index:1
}
.home-three-item::before{
    content:'';
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    left:0;
    right:0;
    background-color:#000;
    opacity:.6
}
.home-three-item .home-three-content{
    max-width:840px;
    margin-left:auto;
    margin-right:auto;
    padding-top:310px;
    padding-bottom:250px;
    position:relative;
    z-index:1;
    text-align:center
}
.home-three-item .home-three-content h1{
    margin-bottom:40px
}
.home-three-bg1{
    background-image:url(../img/home3/1.jpg)
}
.home-three-bg2{
    background-image:url(../img/home3/2.jpg)
}
.home-three-bg3{
    background-image:url(../img/home3/3.jpg)
}
.home-three-slider{
    position:relative
}
.home-three-slider .owl-nav .owl-prev{
    position:absolute;
    top:50%;
    left:30px;
    color:#fff!important;
    font-size:30px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.home-three-slider .owl-nav .owl-prev:hover{
    color:#fff!important;
    background-color:transparent!important
}
.home-three-slider .owl-nav .owl-next{
    position:absolute;
    top:50%;
    right:30px;
    color:#fff!important;
    font-size:30px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.home-three-slider .owl-nav .owl-next:hover{
    color:#fff!important;
    background-color:transparent!important
}
.customer-service-area-two{
    position:relative;
    top:-100px;
    z-index:555
}
.customer-service-mb{
    margin-bottom:0
}
.submit-form-area{
    margin-bottom:100px;
    position:relative
}
.submit-form-area::before{
    content:'';
    position:absolute;
    height:200px;
    width:100%;
    left:0;
    right:0;
    bottom:-100px;
    background-color:#f2f2f2
}
.submit-form-bg{
    background-image:url(../img/1.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:1;
    margin:0 auto
}
.submit-form-max{
    max-width:650px;
    margin-left:auto;
    position:relative;
    top:100px
}
.project-slider{
    position:relative
}
.project-slider .center .project-item .project-item-img .project-item-content{
    opacity:1
}
.project-slider .owl-nav{
    margin-bottom:70px
}
.project-slider .owl-nav::before{
    content:'';
    position:absolute;
    left:50%;
    right:50%;
    bottom:-40px;
    height:15px;
    width:1px;
    background-color:#7c7c82
}
.project-slider .owl-nav .owl-prev{
    position:absolute;
    bottom:-60px;
    left:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.project-slider .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.project-slider .owl-nav .owl-prev::before{
    content:'Prev';
    position:absolute;
    bottom:10px;
    left:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.project-slider .owl-nav .owl-next{
    position:absolute;
    bottom:-60px;
    right:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.project-slider .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.project-slider .owl-nav .owl-next::before{
    content:'Next';
    position:absolute;
    bottom:10px;
    right:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.project-item .project-item-img{
    position:relative
}
.project-item .project-item-img a{
    display:block
}
.project-item .project-item-img .project-item-content{
    position:absolute;
    bottom:20px;
    left:20px;
    max-width:410px;
    background-color:#0152a3;
    padding:30px;
    z-index:1;
    opacity:0
}
.project-item .project-item-img .project-item-content span{
    color:#83c2ff;
    font-weight:500;
    line-height:0;
    letter-spacing:5.5px;
    font-size:14px;
    text-transform:uppercase
}
.project-item .project-item-img .project-item-content a{
    display:block
}
.project-item .project-item-img .project-item-content a h3{
    font-size:28px;
    color:#fff
}
.project-item .project-item-img .project-item-content .project-item-view{
    color:#fff;
    margin-top:10px
}
.project-item .project-item-img .project-item-content .project-item-view i{
    margin-right:10px;
    position:relative;
    top:-3px
}
.project-item .project-item-img .project-item-content .project-item-view:hover{
    color:#83c2ff
}
.feedback-item{
    max-width:570px;
    margin-left:auto;
    margin-right:auto;
    text-align:center
}
.feedback-item .feedback-img{
    display:inline-block
}
.feedback-item .feedback-img img{
    float:left;
    border-radius: 50%;
}
.feedback-item .feedback-text{
    display:inline-block;
    position:relative;
    left:15px;
    top:-30px;
    text-align:  right;
}
.feedback-item .feedback-text h3{
    font-size: 16px;
    margin-bottom:0
}
.feedback-item .feedback-text span{
    color:#777;
    font-size:14px
}
.feedback-item .feedback-content{
    margin-top:10px;
    text-align:center
}
.feedback-item .feedback-content p{
    font-size: 17px;
    color:#555657!important;
    margin-bottom:0;
    line-height: 30px;
    font-family:oswald,sans-serif;
    font-weight:400;
}
.feedback-slider{
    position:relative
}
.feedback-slider .owl-nav{
    margin-bottom:70px
}
.feedback-slider .owl-nav::before{
    content:'';
    position:absolute;
    left:50%;
    right:50%;
    bottom:-40px;
    height:15px;
    width:1px;
    background-color:#7c7c82
}
.feedback-slider .owl-nav .owl-prev{
    position:absolute;
    bottom:-60px;
    left:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.feedback-slider .owl-nav .owl-prev:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.feedback-slider .owl-nav .owl-prev::before{
    content:'Prev';
    position:absolute;
    bottom:10px;
    left:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.feedback-slider .owl-nav .owl-next{
    position:absolute;
    bottom:-60px;
    right:43%;
    color:#7c7c82!important;
    font-size:26px!important;
    background-color:transparent!important;
    -webkit-transition:.7s;
    transition:.7s
}
.feedback-slider .owl-nav .owl-next:hover{
    color:#0152a3!important;
    background-color:transparent!important
}
.feedback-slider .owl-nav .owl-next::before{
    content:'Next';
    position:absolute;
    bottom:10px;
    right:35px;
    font-size:14px;
    -webkit-transition:-webkit-transform .4s ease;
    transition:-webkit-transform .4s ease;
    transition:transform .4s ease;
    transition:transform .4s ease,-webkit-transform .4s ease
}
.blog-item{
    margin-bottom:30px;
    background-color:#fff;
    -webkit-transition:.9s;
    transition:.9s;
    padding:35px;
    position:relative;
    z-index:1
}
.blog-item.blog-item-bg1.active::before{
    opacity:1;
    width:100%
}
.blog-item.blog-item-bg1.active .blog-item-date{
    z-index:1;
    position:relative;
    background-color:rgba(255,255,255,.3)
}
.blog-item.blog-item-bg1.active .blog-item-date ul li{
    color:#fff
}
.blog-item.blog-item-bg1.active .blog-item-date ul li i{
    color:#fff
}
.blog-item.blog-item-bg1.active .blog-item-content{
    z-index:1;
    position:relative
}
.blog-item.blog-item-bg1.active .blog-item-content a h3{
    color:#fff
}
.blog-item.blog-item-bg1.active .blog-item-content p{
    color:#fff
}
.blog-item.blog-item-bg1.active .blog-item-content .blog-item-more{
    color:#fff
}
.blog-item.blog-item-bg1:hover::before{
    opacity:1;
    width:100%
}
.blog-item.blog-item-bg1:hover::after{
    opacity:.7
}
.blog-item.blog-item-bg1:hover .blog-item-date{
    z-index:1;
    position:relative;
    background-color:rgba(255,255,255,.3)
}
.blog-item.blog-item-bg1:hover .blog-item-date ul li{
    color:#fff
}
.blog-item.blog-item-bg1:hover .blog-item-date ul li i{
    color:#fff
}
.blog-item.blog-item-bg1:hover .blog-item-content{
    z-index:1;
    position:relative
}
.blog-item.blog-item-bg1:hover .blog-item-content a h3{
    color:#fff
}
.blog-item.blog-item-bg1:hover .blog-item-content p{
    color:#fff
}
.blog-item.blog-item-bg1:hover .blog-item-content .blog-item-more{
    color:#fff;
    z-index:1;
    position:relative
}
.blog-item.blog-item-bg1::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:0;
    height:100%;
    opacity:.8;
    background-image:url(../img/blog/4.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1;
    opacity:0;
    -webkit-transition:.5s;
    transition:.5s
}
.blog-item.blog-item-bg1::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0
}
.blog-item.blog-item-bg2{
    position:relative;
    position:relative
}
.blog-item.blog-item-bg2.active::before{
    opacity:1;
    width:100%
}
.blog-item.blog-item-bg2.active .blog-item-date{
    z-index:1;
    position:relative;
    background-color:rgba(255,255,255,.3)
}
.blog-item.blog-item-bg2.active .blog-item-date ul li{
    color:#fff
}
.blog-item.blog-item-bg2.active .blog-item-date ul li i{
    color:#fff
}
.blog-item.blog-item-bg2.active .blog-item-content{
    z-index:1;
    position:relative
}
.blog-item.blog-item-bg2.active .blog-item-content a h3{
    color:#fff
}
.blog-item.blog-item-bg2.active .blog-item-content p{
    color:#fff
}
.blog-item.blog-item-bg2.active .blog-item-content .blog-item-more{
    color:#fff
}
.blog-item.blog-item-bg2::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:0;
    height:100%;
    opacity:.8;
    background-image:url(../img/blog/2.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1;
    opacity:0;
    -webkit-transition:.7s;
    transition:.7s
}
.blog-item.blog-item-bg2::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.7
}
.blog-item.blog-item-bg3{
    position:relative
}
.blog-item.blog-item-bg3:hover::before{
    opacity:1;
    width:100%
}
.blog-item.blog-item-bg3:hover::after{
    opacity:.7
}
.blog-item.blog-item-bg3:hover .blog-item-date{
    z-index:1;
    position:relative;
    background-color:rgba(255,255,255,.3)
}
.blog-item.blog-item-bg3:hover .blog-item-date ul li{
    color:#fff
}
.blog-item.blog-item-bg3:hover .blog-item-date ul li i{
    color:#fff
}
.blog-item.blog-item-bg3:hover .blog-item-content{
    z-index:1;
    position:relative
}
.blog-item.blog-item-bg3:hover .blog-item-content a h3{
    color:#fff
}
.blog-item.blog-item-bg3:hover .blog-item-content p{
    color:#fff
}
.blog-item.blog-item-bg3:hover .blog-item-content .blog-item-more{
    color:#fff;
    z-index:1;
    position:relative
}
.blog-item.blog-item-bg3::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:0;
    height:100%;
    opacity:.8;
    background-image:url(../img/blog/6.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    z-index:-1;
    opacity:0;
    -webkit-transition:.7s;
    transition:.7s
}
.blog-item.blog-item-bg3::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0;
    -webkit-transition:.9;
    transition:.9
}
.blog-item .blog-item-date{
    background-color:#cfdfef;
    padding:7px 10px;
    width:180px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    position:relative
}
.blog-item .blog-item-date ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-item .blog-item-date ul li{
    display:inline-block;
    color:#0e5fae
}
.blog-item .blog-item-date ul li i{
    color:#0e5fae;
    margin-right:3px;
    position:relative;
    top:2px
}
.blog-item .blog-item-content{
    text-align:center
}
.blog-item .blog-item-content a{
    display:block
}
.blog-item .blog-item-content a h3{
    font-size:20px;
    margin-top:10px;
    -webkit-transition:.7s;
    transition:.7s;
    margin-bottom:15px
}
.blog-item .blog-item-content .blog-item-more{
    font-size:14px;
    color:#8b8b8b;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:0;
    position:relative
}
.blog-item .blog-item-content .blog-item-more i{
    position:relative;
    top:-3px;
    margin-right:10px;
    font-weight:400
}
.blog-item .blog-item-content .blog-item-more:hover{
    color:#1f1f1f
}
.footer-area-three{
    background-color:#1f1f1f
}
.footer-section{
    padding-bottom:50px;
    border-bottom:1px solid #383838
}
.footer-newsleter-title{
    margin-bottom:30px
}
.footer-newsleter-title h2{
    color:#fff;
    text-transform:uppercase
}
.footer-newsleter-form .newsletter-form .subscribe-btn{
    background-color:#0152a3!important
}
.footer-newsleter-form .newsletter-form .subscribe-btn:hover{
    background-color:#1c0a71!important
}
.top-header-border{
    border-bottom:1px solid #65686d!important
}
.inner-banner{
    position:relative;
    background-position:center center;
    background-size:cover;
}
.inner-banner::before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    background-color:#15373F;
    opacity:.8;
}
.inner-banner .inner-title{
    padding-top: 100px;
    padding-bottom: 100px;
    position:relative
}
.inner-banner .inner-title h3{
    font-size:35px;
    /* margin-bottom: -5px; */
    color:#fff;
    font-weight:700;
    /*text-transform:uppercase*/
}
.inner-banner .inner-title h1 {
    font-size: 28px;
    /* margin-bottom: -5px; */
    color: #fff;
    font-weight: 700;
    /* text-transform: uppercase; */
}
.inner-banner .inner-title ul{
    list-style:none;
    padding:0;
    margin:0
}
.inner-banner .inner-title ul li{
    font-size:15px;
    color:#fff;
    display:inline-block;
    margin-right:5px;
    text-transform:uppercase
}
.inner-banner .inner-title ul li:last-child{
    margin-right:0
}
.inner-banner .inner-title ul li i{
    font-size:26px;
    color:#fff;
    position:relative;
    top:4px;
}
.inner-banner .inner-title ul li a{
    color:#fff
}
.inner-banner .inner-title ul li a:hover{
    color:#0152a3
}
.inner-banner .inner-title .inner-list{
    position:absolute;
    bottom:50px;
    left:0;
    right:0;
    margin:0 auto
}
.inner-banner .inner-title .inner-list ul{
    list-style:none;
    margin:0;
    padding:0
}
.inner-banner .inner-title .inner-list ul li{
    display:inline-block;
    font-size:20px;
    color:#fff;
    text-transform:uppercase;
    margin-right:25px
}
.inner-banner .inner-title .inner-list ul li i{
    font-size:25px;
    margin-right:10px
}
.inner-bg1{
    background-image:url(../img/inner-banner/1.jpg)
}
.inner-bg2{
    background-image:url(../img/inner-banner/2.jpg)
}
.inner-bg3{
    background-image:url(../img/inner-banner/3.jpg)
}
.inner-bg4{
    background-image:url(../img/inner-banner/4.jpg)
}
.inner-bg5{
    background-image:url(../img/inner-banner/5.jpg)
}
.inner-bg6{
    background-image:url(../images/inban.jpg)
}
.inner-bg7{
    background-image:url(../img/inner-banner/7.jpg)
}
.inner-bg8{
    background-image:url(../img/inner-banner/8.jpg)
}
.inner-bg9{
    background-image:url(../img/inner-banner/9.jpg)
}
.inner-bg10{
    background-image:url(../img/inner-banner/10.jpg)
}
.about-dtls-area{
    overflow:hidden
}
.about-dtls-item{
    position:relative;
    margin-bottom:30px;
    overflow:hidden
}
.about-dtls-item:hover .about-dtls-content{
    opacity:1;
    height:100%
}
.about-dtls-item:hover .about-vision{
    opacity:0
}
.about-dtls-item .about-vision{
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    height:100%;
    left:0;
    right:0;
    margin:0 auto;
    margin:0 auto;
    background-color:rgba(0,0,0,.4)
}
.about-dtls-item .about-vision .about-vision-text{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align:center
}
.about-dtls-item .about-vision .about-vision-text i{
    font-size:70px;
    color:#fff
}
.about-dtls-item .about-vision .about-vision-text h3{
    font-size:25px;
    color:#fff;
    text-transform:uppercase
}
.about-dtls-item .about-dtls-content{
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    height:0;
    left:0;
    right:0;
    margin:0 auto;
    background-color:#0152a3;
    opacity:0;
    -webkit-transition:.9s;
    transition:.9s
}
.about-dtls-item .about-dtls-content .about-dtls-logo{
    position:absolute;
    top:5px;
    right:5px;
    opacity:.3
}
.about-dtls-item .about-dtls-content p{
    font-size:16px;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    text-align:center;
    padding:50px 60px;
    color:#fff;
    -webkit-transform:translate(0%,-50%);
    transform:translate(0%,-50%)
}
.blog-dtls-content{
    margin-bottom:30px
}
.blog-dtls-content .blog-dtls-date{
    margin-bottom:20px;
    position:relative
}
.blog-dtls-content .blog-dtls-date .dtls-submit-date{
    width:95px;
    height:85px;
    background-color:#fff;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1);
    text-align:center;
    padding:10px;
    position:absolute;
    left:0;
    top:-15px
}
.blog-dtls-content .blog-dtls-date .dtls-submit-date h3{
    font-size:30px;
    color:#0152a3;
    margin:0
}
.blog-dtls-content .blog-dtls-date .dtls-submit-date span{
    font-size:16px;
    color:#1f1f1f;
    font-weight:500
}
.blog-dtls-content .blog-dtls-date p{
    display:inline-block;
    margin-left:100px;
    margin-bottom:0
}
.blog-dtls-content p{
    margin-bottom:30px
}
.blog-dtls-content p a{
    color:#0152a3;
    text-decoration:underline;
    font-weight:500
}
.blog-dtls-content p a:hover{
    color:#1f1f1f
}
.blog-dtls-content strong{
    font-weight:bolder;
    color:"Oswald",sans-serif
}
.blog-dtls-content h2{
    font-size:35px;
    color:#0152a3;
    margin-bottom:15px;
    text-transform:uppercase
}
.blog-dtls-content .blog-dtls-img{
    position:relative;
    margin-bottom:30px
}
.blog-dtls-content .blog-dtls-img .images-add{
    position:absolute;
    bottom:20px;
    right:20px
}
.blog-dtls-content .blog-dtls-img .images-add ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-dtls-content .blog-dtls-img .images-add ul li{
    display:inline-block;
    font-size:20px;
    color:#1f1f1f;
    background-color:#fff;
    padding:3px 10px;
    border-radius:3px;
    -webkit-transition:.7s;
    transition:.7s
}
.blog-dtls-content .blog-dtls-img .images-add ul li i{
    position:relative;
    top:3px
}
.blog-dtls-content .blog-dtls-img .images-add ul li:hover{
    background-color:#0152a3;
    color:#fff
}
.blog-dtls-content .blog-dtls-img .images-add ul li.active{
    background-color:#0152a3;
    color:#fff
}
.blog-dtls-content .blockquote-1{
    position:relative;
    margin-top:30px;
    margin-bottom:40px;
    padding:30px 20px;
    background-color:#fff;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.blog-dtls-content .blockquote-1::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:3px;
    height:100%;
    background-color:#0152a3
}
.blog-dtls-content .blockquote-1 p{
    font-size:20px;
    color:#1f1f1f;
    margin-bottom:0
}
.blog-dtls-content .blockquote-1 span{
    font-size:20px;
    font-style:italic;
    color:#0152a3
}
.blog-dtls-content .blog-detls-sheare{
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:50px
}
.blog-dtls-content .blog-detls-sheare .blog-sheare-tag ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-dtls-content .blog-detls-sheare .blog-sheare-tag ul li{
    display:inline-block;
    background-color:#eee;
    padding:5px 10px;
    -webkit-transition:.7s;
    transition:.7s
}
.blog-dtls-content .blog-detls-sheare .blog-sheare-tag ul li:hover{
    background-color:#0152a3;
    color:#fff
}
.blog-dtls-content .blog-detls-sheare .social-icon{
    line-height:1;
    text-align:right;
    margin:0;
    padding:0
}
.blog-dtls-content .blog-detls-sheare .social-icon .share{
    font-size:14px;
    margin-right:5px
}
.blog-dtls-content .blog-detls-sheare .social-icon li{
    display:inline-block
}
.blog-dtls-content .blog-detls-sheare .social-icon li a{
    border-radius:50px;
    width:30px;
    height:30px;
    line-height:32px;
    text-align:center;
    border:1px solid #d7d7d7
}
.blog-dtls-content .blog-detls-sheare .social-icon li a:hover{
    background-color:#fff;
    border:1px solid #d7d7d7;
    color:#0152a3;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.blog-dtls-content .blog-detls-sheare .social-icon li a i{
    font-size:16px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.blog-dtls-content .blog-detls-sheare .social-icon li:nth-child(1) a i{
    color:#0c92ff
}
.blog-dtls-content .blog-detls-sheare .social-icon li:nth-child(2) a i{
    color:#1da1f2
}
.blog-dtls-content .blog-detls-sheare .social-icon li:nth-child(3) a i{
    color:#fe0eb2
}
.blog-dtls-content .blog-detls-sheare .social-icon li:nth-child(4) a i{
    color:#d43434
}
.blog-dtls-content .blog-detls-sheare .social-icon li:nth-child(5) a i{
    color:#e52d27
}
.blog-dtls-content .page-next-area{
    padding-top:10px;
    padding-bottom:10px;
    position:relative
}
.blog-dtls-content .page-next-area .prev-post{
    font-size:18px
}
.blog-dtls-content .page-next-area .prev-post a{
    color:#8b8b8b
}
.blog-dtls-content .page-next-area .prev-post a:hover{
    color:#0152a3
}
.blog-dtls-content .page-next-area .prev-post a i{
    font-weight:600;
    margin-right:10px
}
.blog-dtls-content .page-next-area .next-post{
    font-size:18px;
    float:right
}
.blog-dtls-content .page-next-area .next-post a{
    color:#8b8b8b
}
.blog-dtls-content .page-next-area .next-post a:hover{
    color:#0152a3
}
.blog-dtls-content .page-next-area .next-post a i{
    font-weight:600;
    margin-left:10px
}
.blog-dtls-content .comment-profile{
    background-color:#eee;
    padding:30px;
    padding-bottom:30px;
    margin-top:20px;
    position:relative;
    padding-left:230px
}
.blog-dtls-content .comment-profile .comment-profile-img img{
    border-radius:50%;
    position:absolute;
    top:13px;
    left:30px
}
.blog-dtls-content .comment-profile .comment-profile-img h3{
    font-size:20px;
    margin-bottom:10px
}
.blog-dtls-content .comment-profile .comment-profile-img p{
    margin-bottom:10px
}
.blog-dtls-content .comment-profile .social-icon{
    line-height:1;
    margin:0;
    padding:0
}
.blog-dtls-content .comment-profile .social-icon .share{
    font-size:14px;
    margin-right:5px
}
.blog-dtls-content .comment-profile .social-icon li{
    display:inline-block
}
.blog-dtls-content .comment-profile .social-icon li a{
    border-radius:50px;
    width:30px;
    height:30px;
    line-height:32px;
    text-align:center;
    border:1px solid #d7d7d7
}
.blog-dtls-content .comment-profile .social-icon li a:hover{
    background-color:#fff;
    border:1px solid #d7d7d7;
    color:#0152a3;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.blog-dtls-content .comment-profile .social-icon li a i{
    font-size:16px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.blog-dtls-content .comment-profile .social-icon li:nth-child(1) a i{
    color:#0c92ff
}
.blog-dtls-content .comment-profile .social-icon li:nth-child(2) a i{
    color:#1da1f2
}
.blog-dtls-content .comment-profile .social-icon li:nth-child(3) a i{
    color:#fe0eb2
}
.blog-dtls-content .comment-profile .social-icon li:nth-child(4) a i{
    color:#d43434
}
.blog-dtls-content .comment-profile .social-icon li:nth-child(5) a i{
    color:#e52d27
}
.blog-dtls-content .comments-wrap{
    margin-top:20px;
    padding-top:40px
}
.blog-dtls-content .comments-wrap .title{
    font-size:30px;
    margin-bottom:30px
}
.blog-dtls-content .comments-wrap ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-dtls-content .comments-wrap ul li{
    position:relative;
    background-color:#eee;
    padding:30px;
    padding-left:150px;
    margin-bottom:30px
}
.blog-dtls-content .comments-wrap ul li:last-child{
    margin-bottom:0
}
.blog-dtls-content .comments-wrap ul li img{
    border-radius:50%;
    position:absolute;
    top:35px;
    left:30px
}
.blog-dtls-content .comments-wrap ul li h3{
    margin-bottom:0;
    font-size:20px
}
.blog-dtls-content .comments-wrap ul li span{
    margin-bottom:10px;
    display:block
}
.blog-dtls-content .comments-wrap ul li p{
    margin-bottom:0
}
.blog-dtls-content .comments-wrap ul li a{
    position:absolute;
    top:30px;
    right:30px;
    color:#e41414;
    font-weight:500
}
.blog-dtls-content .comments-wrap ul li a:hover{
    color:#0152a3
}
.blog-dtls-content .comments-wrap ul li.ml-30{
    margin-left:30px;
    background-color:transparent!important
}
.blog-dtls-content .contact-wrap{
    margin-top:20px
}
.blog-dtls-content .contact-wrap .contact-form{
    max-width:100%
}
.blog-dtls-side{
    margin-bottom:30px
}
.blog-dtls-side .profile-side{
    padding:30px;
    margin-bottom:35px;
    background-color:#1f1f1f;
    text-align:center
}
.blog-dtls-side .profile-side img{
    margin-bottom:20px
}
.blog-dtls-side .profile-side h3{
    font-size:22px;
    color:#fff;
    font-weight:500;
    margin-bottom:10px
}
.blog-dtls-side .profile-side p{
    color:#fff;
    margin-bottom:20px;
    max-width:230px;
    margin-left:auto;
    margin-right:auto
}
.blog-dtls-side .profile-side .social-icon{
    line-height:1;
    text-align:center;
    margin:0;
    padding:0
}
.blog-dtls-side .profile-side .social-icon li{
    display:inline-block
}
.blog-dtls-side .profile-side .social-icon li a{
    border-radius:50px;
    width:35px;
    height:35px;
    line-height:37px;
    text-align:center;
    background-color:#434343
}
.blog-dtls-side .profile-side .social-icon li a:hover{
    background-color:#fff;
    color:#0152a3
}
.blog-dtls-side .profile-side .social-icon li a i{
    font-size:16px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.blog-dtls-side .profile-side .social-icon li:nth-child(1) a i{
    color:#0c92ff
}
.blog-dtls-side .profile-side .social-icon li:nth-child(2) a i{
    color:#1da1f2
}
.blog-dtls-side .profile-side .social-icon li:nth-child(3) a i{
    color:#fe0eb2
}
.blog-dtls-side .profile-side .social-icon li:nth-child(4) a i{
    color:#d43434
}
.blog-dtls-side .blog-widget{
    margin-bottom:35px
}
.blog-dtls-side .blog-widget .title{
    font-size:22px;
    color:#1f1f1f;
    margin-bottom:20px
}
.blog-dtls-side .blog-widget.search-widget .search-form{
    position:relative
}
.blog-dtls-side .blog-widget.search-widget .search-form .form-control{
    height:50px;
    border:1px solid #ecf3ff;
    background-color:#ecf3ff;
    -webkit-box-shadow:0 0 20px 3px rgba(0,0,0,.05);
    box-shadow:0 0 20px 3px rgba(0,0,0,.05);
    padding:10px;
    width:100%
}
.blog-dtls-side .blog-widget.search-widget .search-form .form-control:focus{
    border-color:#0152a3
}
.blog-dtls-side .blog-widget.search-widget .search-form button{
    position:absolute;
    top:0;
    right:0;
    height:50px;
    width:50px;
    background-color:#0152a3;
    -webkit-transition:all .5s;
    transition:all .5s;
    border:none;
    outline:none
}
.blog-dtls-side .blog-widget.search-widget .search-form button i{
    color:#fff
}
.blog-dtls-side .blog-widget.search-widget .search-form button:hover{
    background-color:#1f1f1f
}
.blog-dtls-side .blog-widget.widget-catagory{
    padding-bottom:20px;
    border-bottom:1px solid #eee
}
.blog-dtls-side .blog-widget.widget-catagory ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-dtls-side .blog-widget.widget-catagory ul li{
    display:block;
    color:#1f1f1f;
    margin-bottom:5px
}
.blog-dtls-side .blog-widget.widget-catagory ul li i{
    margin-right:5px;
    display:none;
    -webkit-transition:.7s;
    transition:.7s
}
.blog-dtls-side .blog-widget.widget-catagory ul li a{
    color:#1f1f1f
}
.blog-dtls-side .blog-widget.widget-catagory ul li:hover{
    color:#0152a3
}
.blog-dtls-side .blog-widget.widget-catagory ul li:hover i{
    display:inline-block
}
.blog-dtls-side .blog-widget.widget-catagory ul li:hover a{
    color:#0152a3
}
.blog-dtls-side .blog-widget.resent-post-widget ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-dtls-side .blog-widget.resent-post-widget ul li{
    padding-bottom:10px;
    margin-bottom:15px
}
.blog-dtls-side .blog-widget.resent-post-widget ul li:first-child{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0
}
.blog-dtls-side .blog-widget.resent-post-widget ul li:last-child{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0
}
.blog-dtls-side .blog-widget.resent-post-widget ul li a{
    position:relative;
    display:block;
    padding-left:90px
}
.blog-dtls-side .blog-widget.resent-post-widget ul li a img{
    position:absolute;
    top:0;
    left:0
}
.blog-dtls-side .blog-widget.resent-post-widget ul li a span{
    display:block;
    margin-bottom:5px;
    color:#8b8b8b
}
.blog-dtls-side .blog-widget.resent-post-widget ul li a h3{
    font-size:18px;
    -webkit-transition:all .5s;
    transition:all .5s;
    max-width:210px
}
.blog-dtls-side .blog-widget.resent-post-widget ul li a h3:hover{
    color:#0152a3
}
.blog-dtls-side .blog-widget.blog-services-list{
    background-color:#0152a3;
    padding:30px;
    text-align:center
}
.blog-dtls-side .blog-widget.blog-services-list img{
    margin-bottom:20px
}
.blog-dtls-side .blog-widget.blog-services-list h2{
    font-size:35px;
    color:#fff;
    text-transform:uppercase
}
.blog-dtls-side .blog-widget.blog-services-list .get-blog-btn{
    margin-top:20px;
    color:#0152a3;
    background-color:#fff;
    padding:12px 30px
}
.blog-dtls-side .blog-widget.blog-services-list .get-blog-btn:hover{
    background-color:#1f1f1f;
    color:#fff
}
.blog-dtls-side .blog-widget.blog-widget-tag ul{
    list-style:none;
    margin:0;
    padding:0
}
.blog-dtls-side .blog-widget.blog-widget-tag ul li{
    display:inline-block;
    background-color:#eee;
    padding:5px 10px;
    -webkit-transition:.7s;
    transition:.7s;
    margin-bottom:7px
}
.blog-dtls-side .blog-widget.blog-widget-tag ul li:hover{
    background-color:#0152a3;
    color:#fff
}
.nr-pt{
    padding:58.8px 40px!important;
    margin-bottom:30px
}
.error-area{
    padding:140px 0;
    height:100vh;
    background-image:url(../img/home1/2.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    z-index:1
}
.error-area::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#0152a3;
    opacity:.6
}
.error-area .error-content{
    text-align:center
}
.error-area .error-content h1{
    font-size:300px;
    line-height:.5;
    font-weight:700;
    color:#810d0d
}
.error-area .error-content h1 span{
    color:#0152a3
}
.error-area .error-content h3{
    margin:70px 0 0;
    position:relative;
    color:#fff
}
.error-area .error-content p{
    margin:20px 0;
    font-size:18px;
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
    color:#fff
}
.pagination-area{
    text-align:center;
    margin-top:20px;
    margin-bottom:30px;
    margin-right:auto;
    margin-left:auto;
    display:table
}
.pagination-area .pagination{
    margin:0
}
.pagination-area .page-link{
    color:#0152a3;
    background-color:#fff;
    -webkit-box-shadow:0 0 15px #d0d0d0;
    box-shadow:0 0 15px #d0d0d0;
    width:40px;
    height:40px;
    border:1px solid #fff;
    line-height:24px;
    -webkit-transition:all .5s;
    transition:all .5s;
    font-weight:700
}
.pagination-area .page-link i{
    margin-right:-4px;
    font-size:21px
}
.pagination-area .page-link i::before{
    margin-left:-4px
}
.pagination-area .page-link.current,.pagination-area .page-link:hover,.pagination-area .page-link:focus{
    color:#fff;
    background-color:#0152a3;
    border:1px solid #0152a3
}
.pagination-area .page-item{
    padding:0 8px
}
.pagination-area .page-item:first-child .page-link{
    border-radius:none
}
.pagination-area .page-item:last-child .page-link{
    border-radius:none
}
.pagination-area .page-item.current .page-link{
    z-index:1;
    color:#fff;
    background-color:#0152a3;
    border-color:#0152a3
}
.service-catagory{
    background-color:#fff;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.service-catagory h3{
    font-size:20px;
    text-transform:uppercase;
    padding:16px 50px;
    position:relative;
    margin-bottom:0
}
.service-catagory h3::before{
    content:'';
    position:absolute;
    top:10px;
    left:0;
    width:2px;
    height:40px;
    background-color:#0152a3
}
.service-catagory ul{
    list-style:none;
    margin:0;
    padding:0
}
.service-catagory ul li{
    display:block;
    font-size:16px;
    color:#8b8b8b;
    padding:16px;
    border-bottom:1px solid #f2f2f2;
    text-transform:uppercase;
    -webkit-transition:.7s;
    transition:.7s
}
.service-catagory ul li i{
    margin-right:10px
}
.service-catagory ul li:hover{
    background-color:#0152a3;
    color:#fff
}
.service-catagory ul li.active{
    background-color:#0152a3;
    color:#fff
}
.service-list-side{
    margin-top:30px;
    margin-bottom:30px;
    background-color:#0152a3;
    padding:50px 30px;
    position:relative
}
.service-list-side ul{
    padding-left:0;
    margin-bottom:0;
    list-style-type:none
}
.service-list-side ul li{
    display:inline-block;
    text-align:left;
    position:relative;
    padding-left:52px;
    margin-bottom:25px
}
.service-list-side ul li:last-child{
    margin-bottom:0
}
.service-list-side ul li .service-list-icon{
    color:#7fc0ff;
    font-size:60px;
    text-align:center;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.service-list-side ul li span{
    display:block;
    color:#7fc0ff;
    font-size:15px;
    margin-left:30px
}
.service-list-side ul li h3{
    display:inline-block;
    color:#fff;
    font-size:22px;
    font-weight:400;
    margin-left:30px;
    font-family:archivo,sans-serif
}
.service-dtls-content .section-title p{
    max-width:610px
}
.service-dtls-content .service-img{
    margin-top:30px;
    margin-bottom:30px
}
.service-qulity-dtls{
    margin-bottom:30px;
    border-bottom:1px solid #eee
}
.service-qulity-dtls h2{
    font-size:35px;
    color:#0152a3;
    margin-bottom:30px;
    text-transform:uppercase
}
.service-qulity-dtls .service-dtls-item{
    margin-bottom:30px
}
.service-qulity-dtls .service-dtls-item ul{
    list-style:none;
    margin:0;
    padding:0
}
.service-qulity-dtls .service-dtls-item ul li{
    display:inline-block;
    position:relative
}
.service-qulity-dtls .service-dtls-item ul li .service-dtls-icon{
    display:inline-block;
    position:absolute;
    top:-25px;
    left:0;
    font-size:55px;
    color:#579ce0
}
.service-qulity-dtls .service-dtls-item ul li .service-dtls-content{
    padding-left:74px
}
.service-qulity-dtls .service-dtls-item ul li .service-dtls-content h3{
    font-size:18px;
    text-transform:uppercase
}
.service-qulity-dtls .service-dtls-item ul li .service-dtls-content p{
    margin-bottom:0
}
.service-dtls-tech h2{
    font-size:35px;
    color:#0152a3;
    margin-bottom:30px;
    text-transform:uppercase
}
.service-dtls-tech p{
    margin-bottom:20px;
    margin-top:0
}
.service-dtls-tech .service-tech-img{
    margin-top:30px;
    margin-bottom:30px
}
.service-dtls-tech .service-tech-img .img-1 img{
    height:100%
}
.service-dtls-tech .service-tech-img .img-2 img{
    height:100%
}
.service-dtls-join{
    margin-top:30px;
    background-color:#0152a3;
    padding:10px 30px 7px;
    margin-bottom:30px
}
.service-dtls-join img{
    position:relative;
    top:0;
    left:0;
    opacity:.3
}
.service-dtls-join .service-dtls-btn .service-dtls-get{
    padding:12px 20px;
    color:#0152a3;
    text-align:center;
    position:relative;
    overflow:hidden;
    z-index:1;
    background-color:#fff;
    margin-bottom:0
}
.service-dtls-join .service-dtls-btn .service-dtls-get::before{
    content:"";
    position:absolute;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#1f1f1f;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-dtls-join .service-dtls-btn .service-dtls-get::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:0;
    height:100%;
    background-color:#1f1f1f;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-dtls-join .service-dtls-btn .service-dtls-get:hover{
    color:#fff;
    border:none
}
.service-dtls-join .service-dtls-btn .service-dtls-get:hover::before{
    left:auto;
    right:0;
    width:50%
}
.service-dtls-join .service-dtls-btn .service-dtls-get:hover::after{
    left:0;
    right:0;
    width:50%
}
.service-dtls-join .service-dtls-btn .service-dtls-cal{
    padding:12px 20px;
    margin-left:20px;
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
    z-index:1;
    background-color:#1f1f1f;
    margin-bottom:0
}
.service-dtls-join .service-dtls-btn .service-dtls-cal::before{
    content:"";
    position:absolute;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#fff;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-dtls-join .service-dtls-btn .service-dtls-cal::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:0;
    height:100%;
    background-color:#fff;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.service-dtls-join .service-dtls-btn .service-dtls-cal:hover{
    color:#0152a3;
    border:none
}
.service-dtls-join .service-dtls-btn .service-dtls-cal:hover::before{
    left:auto;
    right:0;
    width:50%
}
.service-dtls-join .service-dtls-btn .service-dtls-cal:hover::after{
    left:0;
    right:0;
    width:50%
}
.contact-form{
    padding:50px;
    max-width:800px;
    margin:0 auto;
    background-color:#f4f4f4
}
.contact-form span{
    color:#bfbfbf;
    font-weight:500;
    line-height:0;
    letter-spacing:5.5px;
    font-size:14px;
    text-transform:uppercase
}
.contact-form h2{
    font-size:35px;
    font-family:#0152a3;
    text-transform:uppercase;
    font-weight:500;
    margin-bottom:30px
}
.contact-form .form-group{
    margin-bottom:25px;
    position:relative
}
.contact-form .form-group i{
    position:absolute;
    top:14px;
    left:15px;
    line-height:1;
    font-size:18px;
    color:#a7a7a7;
    z-index:1
}
.contact-form .form-group .form-control{
    height:50px;
    color:#242424;
    border:1px solid #e8e8e8;
    background-color:#fff;
    border-radius:0;
    font-size:14px;
    padding:10px 20px 10px 40px;
    width:100%
}
.contact-form .form-group .form-control:focus{
    outline:none;
    border-color:#83c1ff;
    -webkit-box-shadow:none;
    box-shadow:none
}
.contact-form .form-group textarea.form-control{
    height:auto
}
.contact-form .with-errors{
    float:left;
    font-size:16px;
    margin-top:10px;
    margin-bottom:0;
    color:red;
    font-weight:400;
    display:block
}
.contact-form .text-danger{
    font-size:18px;
    margin-top:15px
}
.contact-form .default-btn{
    border:0;
    outline:none
}
.contact-form .form-group .form-control::-webkit-input-placeholder{
    color:#a7a7a7
}
.contact-form .form-group .form-control:-ms-input-placeholder{
    color:#a7a7a7
}
.contact-form .form-group .form-control::-ms-input-placeholder{
    color:#a7a7a7
}
.contact-form .form-group .form-control::placeholder{
    color:#a7a7a7
}
.contact-card{
    margin-top: 20px;
    text-align:center;
    border:1px dashed #eee
}
.contact-card i{
    font-size:60px;
    color: #000;
    margin-bottom:10px
}
.contact-card h3{
    font-size:15px;
    line-height: 27px;
    color:#353535;
    font-family:archivo,sans-serif;
    font-weight:500;
}
.contact-card h3 a{
    color: #353535;
}
.contact-card h3 a:hover{
    color:#1f1f1f
}
.contact-left-side h2{
    font-size:35px;
    color:#0152a3;
    margin-bottom:30px;
    max-width:450px
}
.contact-left-side p{
    margin-bottom:10px;
    max-width:455px
}
.contact-right{
    position:relative;
    /* margin-bottom:-100px */
}
.contact-right .contact-form{
    border-radius: 10px;
    background-color:#fff!important;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
    box-shadow:0 0 15px rgba(0,0,0,.1)
}
.contact-faq{
    padding-top:200px
}
.contact-faq-img{
    margin-bottom:30px
}
.user-all-content{
    margin-bottom:30px
}
.user-all-content .section-title p{
    padding:0;
    margin-bottom:10px
}
.user-all-content .sing-social-icon{
    line-height:1;
    text-align:center;
    margin:0;
    padding:0
}
.user-all-content .sing-social-icon li{
    display:inline-block;
    margin-right:10px
}
.user-all-content .sing-social-icon li a{
    border-radius:50px;
    width:50px;
    height:50px;
    line-height:55px;
    text-align:center;
    border:1px solid #d7d7d7
}
.user-all-content .sing-social-icon li a:hover{
    background-color:#fff;
    border:1px solid #d7d7d7;
    color:#0152a3;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,.3);
    box-shadow:0 0 15px rgba(0,0,0,.3)
}
.user-all-content .sing-social-icon li a i{
    font-size:24px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.user-all-content .sing-social-icon li:nth-child(1) a i{
    color:#0c92ff
}
.user-all-content .sing-social-icon li:nth-child(2) a i{
    color:#d43434
}
.user-all-content .sing-social-icon li:nth-child(3) a i{
    color:#fe0eb2
}
.user-all-content .recover-text a{
    color:#0152a3
}
.user-all-content .recover-text a:hover{
    color:#1f1f1f
}
.user-all-form{
    margin-bottom:30px
}
.user-all-form .contact-form .agree-label label{
    font-weight:600;
    color:#000;
    margin-left:10px
}
.user-all-form .contact-form .forget{
    margin-bottom:15px;
    float:right;
    color:#0152a3;
    font-weight:600
}
.user-all-form .contact-form .forget:hover{
    color:#1f1f1f
}
.user-all-form .contact-form .account-desc{
    margin-top:15px;
    font-weight:600;
    text-align:center;
    margin-bottom:0
}
.user-all-form .contact-form .account-desc a{
    color:#0152a3
}
.user-all-form .contact-form .account-desc a:hover{
    color:#1f1f1f
}
.user-all-form .contact-form .sign-in-btn{
    padding:12px 45px
}
.user-all-form .contact-form .recover-login{
    color:#0152a3;
    font-weight:600;
    margin-bottom:15px
}
.user-all-form .contact-form .recover-login:hover{
    color:#1f1f1f
}
.user-all-form .contact-form .recover-register{
    color:#1f1f1f;
    font-weight:600;
    margin-bottom:15px
}
.user-all-form .contact-form .recover-register a{
    color:#0152a3
}
.user-all-form .contact-form .recover-register a:hover{
    color:#1f1f1f
}
.book-form{
    margin-bottom:30px
}
.book-form .banner-from{
    max-width:800px;
    margin:0 auto
}
.single-gallery{
    position:relative;
    /* margin-bottom:30px */
}
.single-gallery img{
    width:100%
}
.single-gallery:hover .single-icon{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.single-gallery:hover .gallery-content{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.single-gallery:hover img{
    -webkit-filter:brightness(.5);
    filter:brightness(.5)
}
.single-gallery .single-icon{
    position:absolute;
    text-align:center;
    top:40%;
    left:0;
    right:0;
    -webkit-transform:translate(-40%,-50%);
    transform:translate(-40%,-50%);
    margin:0 auto;
    font-size:20px;
    color:#0152a3;
    width:50px;
    height:50px;
    line-height:55px;
    background-color:#fff;
    border-radius:50px;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transition:.7s;
    transition:.7s
}
.single-gallery .single-icon:hover{
    background-color:#0152a3;
    color:#fff
}
.faq-accordion{
    margin-right:auto;
    margin-bottom:30px
}
.faq-accordion .accordion{
    list-style-type:none;
    padding-left:0;
    margin-bottom:0
}
.faq-accordion .accordion .accordion-item{
    display:block;
    margin-bottom:15px;
    background-color:#f1f1f1
}
.faq-accordion .accordion .accordion-item:last-child{
    margin-bottom:0
}
.faq-accordion .accordion .accordion-title{
    padding:20px 60px 17px 25px;
    color:#1f1f1f;
    text-decoration:none;
    position:relative;
    display:block;
    font-size:18px;
    font-weight:600
}
.faq-accordion .accordion .accordion-title i{
    border-radius:50px;
    position:absolute;
    right:20px;
    top:15px;
    font-size:25px;
    -webkit-transition:.5s;
    transition:.5s;
    font-size:24px;
    width:40px;
    height:40px;
    color:#fff;
    text-align:center;
    line-height:40px;
    background-color:#0152a3
}
.faq-accordion .accordion .accordion-title.active i::before{
    content:'\eb8b';
    top:15px
}
.faq-accordion .accordion .accordion-content{
    display:none;
    position:relative;
    margin-top:-5px;
    padding-bottom:10px;
    padding-right:30px;
    padding-left:30px
}
.faq-accordion .accordion .accordion-content p{
    line-height:1.8;
    max-width:500px
}
.faq-accordion .accordion .accordion-content.show{
    display:block
}
.single-product{
    text-align:center;
    position:relative;
    padding:30px;
    -webkit-transition:all .5s;
    transition:all .5s;
    border:1px dashed #eee;
    margin-bottom:30px
}
.single-product .product-content{
    padding-top:30px
}
.single-product .product-content ul{
    list-style:none;
    padding:0;
    line-height:1;
    margin-bottom:15px
}
.single-product .product-content ul li{
    display:inline-block;
    color:#0152a3;
    padding:0 5px
}
.single-product .product-content ul li del{
    color:#8b8b8b
}
.single-product .product-content a{
    display:block
}
.single-product .product-content a h3{
    text-transform:uppercase;
    margin-bottom:0;
    -webkit-transition:all .5s;
    transition:all .5s;
    font-size:20px
}
.single-product .product-content a h3:hover{
    color:#0152a3
}
.single-product .product-content .default-btn.product-btn{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    max-width:180px;
    bottom:150px;
    padding:10px 20px;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.single-product .product-content .default-btn.product-btn i{
    font-size:20px;
    position:relative;
    top:3px;
    margin-right:5px
}
.single-product:hover{
    border-color:#0152a3
}
.single-product:hover .default-btn.product-btn{
    -webkit-transform:scale(1);
    transform:scale(1)
}
.shop-detls-image{
    margin-bottom:30px;
    border:1px dashed #eee
}
.shop-detls-image:hover{
    border-color:#0152a3
}
.shop-desc h3{
    margin-bottom:12px;
    font-size:24px;
    font-weight:600
}
.shop-desc .price{
    margin-bottom:10px;
    font-size:15px;
    font-weight:600
}
.shop-desc .price .old-price{
    text-decoration:line-through;
    color:#1f1f1f;
    margin-left:10px
}
.shop-desc .shop-review{
    margin-bottom:15px
}
.shop-desc .shop-review .rating{
    display:inline-block;
    padding-right:5px;
    font-size:14px
}
.shop-desc .shop-review .rating i{
    color:#0152a3
}
.shop-desc .shop-review .rating-count{
    margin-left:5px;
    display:inline-block;
    color:#1f1f1f;
    border-bottom:1px solid #1f1f1f;
    line-height:initial
}
.shop-desc .shop-review .rating-count:hover{
    color:#0152a3;
    border-color:#0152a3
}
.shop-desc p{
    margin-bottom:0
}
.shop-desc .input-count-area h3{
    font-size:16px;
    display:inline-block;
    font-weight:500;
    margin-right:15px
}
.shop-desc .input-count-area .input-counter{
    margin-top:10px;
    max-width:130px;
    min-width:130px;
    margin-right:10px;
    text-align:center;
    display:inline-block;
    position:relative;
    margin-bottom:15px
}
.shop-desc .input-count-area .input-counter span{
    position:absolute;
    top:0;
    background-color:transparent;
    cursor:pointer;
    color:#1f1f1f;
    width:50px;
    height:100%;
    line-height:45px;
    -webkit-transition:.5s;
    transition:.5s
}
.shop-desc .input-count-area .input-counter span:hover{
    color:#0152a3
}
.shop-desc .input-count-area .input-counter .minus-btn{
    left:0
}
.shop-desc .input-count-area .input-counter .plus-btn{
    right:0
}
.shop-desc .input-count-area .input-counter input{
    height:45px;
    color:#1f1f1f;
    outline:0;
    display:block;
    border:none;
    background-color:#f8f8f8;
    text-align:center;
    width:100%;
    font-size:18px;
    font-weight:500
}
.shop-desc .shop-add{
    margin-top:20px
}
.shop-desc .shop-add .default-btn{
    border:none;
    outline:none;
    margin-right:20px;
    border-radius:0
}
.shop-desc .shop-share{
    margin-top:30px
}
.shop-desc .shop-share ul{
    list-style-type:none;
    margin:0;
    padding:0
}
.shop-desc .shop-share ul li{
    display:inline-block;
    margin:0 3px
}
.shop-desc .shop-share ul li span{
    color:#8b8b8b;
    margin-right:5px;
    font-size:16px
}
.shop-desc .shop-share ul li a{
    width:35px;
    height:35px;
    background-color:#0152a3;
    font-size:16px;
    color:#fff;
    line-height:38px;
    border-radius:50px;
    text-align:center
}
.shop-desc .shop-share ul li a:hover{
    background-color:#1f1f1f
}
.shop .input-count-area .input-counter input::-webkit-input-placeholder{
    color:#1f1f1f
}
.shop .input-count-area .input-counter input:-ms-input-placeholder{
    color:#1f1f1f
}
.shop .input-count-area .input-counter input::-ms-input-placeholder{
    color:#1f1f1f
}
.shop .input-count-area .input-counter input::placeholder{
    color:#1f1f1f
}
.tab .tabs_item{
    display:none
}
.tab .tabs_item:first-child{
    display:block
}
.shop-detls-tab{
    margin-top:30px
}
.shop-detls-tab .tabs{
    margin:0;
    padding:0;
    list-style:none
}
.shop-detls-tab .tabs li{
    display:inline-block;
    line-height:initial;
    margin-right:5px
}
.shop-detls-tab .tabs li a{
    display:inline-block;
    position:relative;
    text-transform:uppercase;
    color:#1f1f1f;
    border:1px dashed #eee;
    padding:17px 30px 13px
}
.shop-detls-tab .tabs li a:focus{
    color:#fff;
    background-color:#0152a3;
    border-color:#0152a3
}
.shop-detls-tab .tabs li.active a{
    color:#fff;
    background-color:#0152a3;
    border-color:#0152a3
}
.shop-detls-tab .tabs li.current a{
    color:#fff;
    background-color:#0152a3;
    border-color:#0152a3
}
.shop-detls-tab .tab_content{
    border:1px dashed #eee;
    padding:30px 20px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content p{
    color:#1f1f1f;
    margin-bottom:20px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content p:last-child{
    margin-bottom:0
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .additional-information{
    padding-left:0;
    margin-bottom:0;
    list-style-type:none;
    text-align:left
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .additional-information li{
    border:1px solid #eee;
    border-bottom:none;
    padding:10px 15px 7px;
    color:#737b9a
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .additional-information li:last-child{
    border-bottom:1px solid #eee
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .additional-information li span{
    display:inline-block;
    width:40%;
    color:#212529;
    font-weight:600
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content h3{
    margin-bottom:15px;
    font-size:24px;
    color:#1f1f1f
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title{
    position:relative
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .rating{
    display:inline-block
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .rating i{
    color:#0152a3;
    font-size:14px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .rating p{
    margin-bottom:0;
    display:inline-block;
    padding-left:5px;
    line-height:initial
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .btn-right{
    position:absolute;
    right:0;
    bottom:0;
    font-size:14px;
    color:#fff;
    background-color:#0152a3;
    padding:7px 15px;
    border-radius:5px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-title .btn-right:hover{
    background-color:#0152a3;
    color:#fff
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments{
    margin-top:35px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item{
    margin-top:30px;
    position:relative;
    padding-right:200px;
    border-top:1px dashed #eee;
    padding-top:30px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item .rating i{
    color:#0152a3;
    font-size:14px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item h3{
    font-size:24px;
    margin-top:10px;
    margin-bottom:10px;
    color:#1f1f1f
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item span{
    margin-bottom:10px;
    font-size:16px;
    display:block;
    font-weight:500
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item span strong{
    font-weight:600
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item p{
    margin-bottom:0;
    font-family:archivo,sans-serif
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item .review-report-link{
    position:absolute;
    right:0;
    color:#737b9a;
    top:40px;
    text-decoration:underline;
    font-weight:600;
    font-size:15px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-comments .review-item .review-report-link:hover{
    color:#0152a3
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-form{
    margin-top:30px
}
.shop-detls-tab .tab_content .tabs_item .shop-detls-tab-content .shop-review-form .review-form .contact-wrap-form .contact-form{
    padding:50px;
    max-width:100%;
    background-color:#f4f4f4
}
.cart-wraps-area .cart-table table{
    margin-bottom:0
}
.cart-wraps-area .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:18px
}
.cart-wraps-area .cart-table table tbody tr td{
    vertical-align:middle;
    color:#1f1f1f;
    padding-left:0;
    padding-right:0;
    font-size:15px;
    border-color:#eee;
    border-left:none;
    border-right:none
}
.cart-wraps-area .cart-table table tbody tr td.product-thumbnail a{
    display:block
}
.cart-wraps-area .cart-table table tbody tr td.product-thumbnail a img{
    width:60px;
    height:60px
}
.cart-wraps-area .cart-table table tbody tr td.product-name a{
    color:#1f1f1f;
    font-weight:600;
    display:inline-block;
    font-size:16px
}
.cart-wraps-area .cart-table table tbody tr td.product-name a:hover{
    color:#0152a3!important
}
.cart-wraps-area .cart-table table tbody tr td.product-subtotal .remove{
    color:#1f1f1f;
    float:right;
    position:relative;
    top:1px;
    -webkit-transition:all .5s;
    transition:all .5s
}
.cart-wraps-area .cart-table table tbody tr td.product-subtotal .remove i{
    font-size:24px
}
.cart-wraps-area .cart-table table tbody tr td.product-subtotal .remove:hover{
    color:#0152a3
}
.cart-wraps-area .cart-table table tbody tr td.product-subtotal span{
    font-weight:600
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter{
    max-width:130px;
    min-width:130px;
    text-align:center;
    display:inline-block;
    position:relative
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter span{
    position:absolute;
    top:0;
    background-color:transparent;
    cursor:pointer;
    color:#1f1f1f;
    width:40px;
    height:100%;
    line-height:48px;
    -webkit-transition:.5s;
    transition:.5s
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter span:hover{
    color:#8b8b8b!important
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn{
    left:0
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .minus-btn:hover{
    color:#8b8b8b!important
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn{
    right:0
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter .plus-btn:hover{
    color:#8b8b8b!important
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input{
    height:45px;
    color:#1f1f1f;
    outline:0;
    display:block;
    border:none;
    background-color:#f8f8f8;
    text-align:center;
    width:100%;
    font-size:17px;
    font-weight:600
}
.cart-wraps-area .cart-table .table>:not(:first-child){
    border-top:0
}
.cart-wraps-area .cart-buttons{
    margin-top:30px
}
.cart-wraps-area .cart-totals{
    background:#fff;
    padding:40px;
    -webkit-box-shadow:0 2px 48px 0 rgba(0,0,0,.08);
    box-shadow:0 2px 48px 0 rgba(0,0,0,.08);
    border-radius:0;
    margin:auto;
    margin-top:50px
}
.cart-wraps-area .cart-totals h3{
    font-size:24px;
    margin-bottom:25px
}
.cart-wraps-area .cart-totals ul{
    padding:0;
    margin:0 0 25px;
    list-style-type:none
}
.cart-wraps-area .cart-totals ul li{
    border:1px solid #d3e8ff;
    padding:10px 15px;
    color:#1f1f1f;
    overflow:hidden;
    font-weight:700
}
.cart-wraps-area .cart-totals ul li:first-child{
    border-bottom:none
}
.cart-wraps-area .cart-totals ul li:nth-child(3){
    border-top:none
}
.cart-wraps-area .cart-totals ul li:last-child{
    border-top:none
}
.cart-wraps-area .cart-totals ul li span{
    float:right;
    color:#8b8b8b;
    font-weight:400
}
.cart-wraps-area .cart-calc{
    margin-top:50px;
    background-color:#fff;
    padding:40px;
    -webkit-box-shadow:0 2px 48px 0 rgba(0,0,0,.08);
    box-shadow:0 2px 48px 0 rgba(0,0,0,.08)
}
.cart-wraps-area .cart-calc .cart-wraps-form h3{
    font-size:24px;
    color:#1f1f1f;
    padding-bottom:20px
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group{
    margin-bottom:20px
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group select{
    height:50px;
    padding:7px 18px;
    color:#6c777d;
    border:1px solid #d3e8ff
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group select:focus,.cart-wraps-area .cart-calc .cart-wraps-form .form-group select :hover{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #8b8b8b;
    background-color:#0152a3!important
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group select option{
    padding:10px
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group select option:hover{
    background-color:#0152a3!important
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group .form-control{
    font-size:16px;
    border:1px solid #d3e8ff;
    color:#6c777d;
    padding:13px 18px;
    font-weight:400
}
.cart-wraps-area .cart-calc .cart-wraps-form .form-group .form-control:focus,.cart-wraps-area .cart-calc .cart-wraps-form .form-group .form-control :hover{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #8b8b8b
}
.cart-wraps-area .cart-calc .nice-select{
    height:50px;
    width:100%;
    margin-bottom:19px;
    border:1px solid #d3e8ff
}
.cart-wraps-area .cart-calc .nice-select .list{
    width:100%
}
.cart-wraps-area .cart-calc .nice-select .option{
    color:#1f1f1f!important
}
.cart-wraps-area .cart-calc .nice-select .option :hover{
    color:#fff!important;
    background-color:#0152a3!important
}
.cart-wraps-area .cart-calc .nice-select .current{
    position:relative;
    top:4px
}
.cart-wraps-area .nice-select .option.focus,.cart-wraps-area .nice-select .option.selected.focus,.cart-wraps-area .nice-select .option:hover{
    background-color:#0152a3!important;
    color:#fff!important;
    font-weight:600
}
.cart-wraps-area .cart-calc select .option.focus,.cart-wraps-area .cart-calc .nice-select .option.selected.focus{
    background-color:#0152a3!important;
    color:#fff!important
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder{
    color:#1f1f1f
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder{
    color:#1f1f1f
}
.cart-wraps-area.cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder{
    color:#1f1f1f
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder{
    color:#1f1f1f
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder{
    color:#1f1f1f
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder{
    color:#1f1f1f
}
.cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder{
    color:#1f1f1f
}
.cart-wraps-area .cart-calc .cart-wraps-area form .form-control input::-webkit-input-placeholder{
    color:#6c777d
}
.cart-area .cart-calc .cart-wraps-area form .form-control input:-ms-input-placeholder{
    color:#6c777d
}
.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input::-ms-input-placeholder{
    color:#6c777d
}
.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input::-webkit-input-placeholder{
    color:#495057
}
.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input:-ms-input-placeholder{
    color:#495057
}
.cart-area .cart-area .cart-calc .cart-wraps-area .form-control input::placeholder{
    color:#495057
}
.checkout-area .checkout-user{
    -webkit-box-shadow:0 5px 35px 0 rgba(0,0,0,.08);
    box-shadow:0 5px 35px 0 rgba(0,0,0,.08);
    background:#fff;
    padding:20px 15px;
    margin-bottom:65px;
    border-top:3px solid #0152a3;
    color:#0152a3
}
.checkout-area .checkout-user span{
    color:#1f1f1f;
    font-size:20px
}
.checkout-area .checkout-user span a{
    color:#0152a3
}
.checkout-area .checkout-user span a:hover{
    color:#1f1f1f
}
.billing-details{
    margin-bottom:30px;
    background-color:#fff;
    padding:50px 30px 25px;
    -webkit-box-shadow:0 5px 28px rgba(0,0,0,.07);
    box-shadow:0 5px 28px rgba(0,0,0,.07)
}
.billing-details h3{
    font-size:24px;
    color:#1f1f1f;
    margin-bottom:15px;
    font-weight:600
}
.billing-details .form-group{
    margin-bottom:25px
}
.billing-details .form-group label{
    color:#1f1f1f;
    display:block;
    margin-bottom:10px;
    font-weight:500
}
.billing-details .form-group label span{
    color:#0152a3
}
.billing-details .form-group .form-control{
    height:50px;
    color:#2d3652;
    border:1px solid #e8e8e8;
    background-color:#fcfcff;
    border-radius:0;
    padding:10px 20px;
    width:100%
}
.billing-details .form-group .form-control:focus,.billing-details .form-group .form-control :hover{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #8b8b8b
}
.billing-details .form-group .form-message{
    font-size:16px;
    border:1px solid #e8e8e8;
    background-color:#fcfcff;
    padding:18px;
    font-weight:400;
    width:100%
}
.billing-details .form-group .form-message:focus,.billing-details .form-group .form-message :hover{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:1px solid #8b8b8b
}
.billing-details .form-group .nice-select{
    float:unset;
    line-height:48px;
    color:#1f1f1f;
    padding-top:0;
    padding-bottom:0
}
.billing-details .form-group .nice-select .list{
    background-color:#fff;
    -webkit-box-shadow:0 0 29px 0 rgba(102,102,102,.1);
    box-shadow:0 0 29px 0 rgba(102,102,102,.1);
    border-radius:0;
    margin-top:0;
    width:100%;
    padding-top:10px;
    padding-bottom:10px
}
.billing-details .form-group .nice-select .list .option{
    -webkit-transition:.5s;
    transition:.5s;
    padding-left:20px;
    padding-right:20px
}
.billing-details .form-group .nice-select .list .option:hover{
    background-color:#0152a3!important;
    color:#fff
}
.billing-details .form-group .nice-select .list .option:focus{
    border:none;
    outline:none
}
.billing-details .form-group .nice-select .list .option .selected{
    background-color:transparent
}
.billing-details .form-group .nice-select:after{
    right:20px
}
.billing-details .form-check{
    margin-bottom:15px
}
.billing-details .form-check .form-check-input{
    width:15px;
    height:15px
}
.billing-details .form-check .form-check-label{
    color:#1f1f1f;
    margin-left:5px;
    font-weight:500
}
.checkout-area .billing-details .form-group .nice-select .option:hover,.checkout-area .billing-details .form-group .nice-select .option.focus,.checkout-area .billing-details .form-group .nice-select .option.selected.focus{
    background-color:#0152a3!important;
    color:#fff!important;
    border:none;
    outline:none
}
.order-details .order-table{
    background-color:#fff;
    padding:50px 30px;
    -webkit-box-shadow:0 5px 28px rgba(0,0,0,.07);
    box-shadow:0 5px 28px rgba(0,0,0,.07)
}
.order-details .order-table h3{
    font-size:24px;
    font-weight:600;
    margin-bottom:20px
}
.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-left:20px;
    padding-top:15px;
    padding-right:20px;
    padding-bottom:15px;
    font-weight:600;
    color:#1f1f1f;
    font-size:18px
}
.order-details .order-table table tbody tr td{
    vertical-align:middle;
    color:#1f1f1f;
    border-color:#eaedff;
    font-size:14px;
    padding-left:20px;
    padding-right:20px;
    font-weight:600
}
.order-details .order-table table tbody tr td.product-name a{
    color:#6e768f;
    display:inline-block;
    font-weight:600
}
.order-details .order-table table tbody tr td.product-name a:hover{
    color:#0152a3
}
.order-details .order-table table tbody tr td.order-subtotal span{
    color:#1f1f1f;
    font-weight:600
}
.order-details .order-table table tbody tr td.order-shipping span{
    color:#1f1f1f;
    font-weight:700
}
.order-details .order-table table tbody tr td.total-price span{
    color:#1f1f1f;
    font-weight:700
}
.order-details .order-table table tbody tr td.shipping-price{
    font-weight:700
}
.order-details .order-table table tbody tr td.order-subtotal-price{
    font-weight:700
}
.order-details .order-table table tbody tr td.product-subtotal{
    font-weight:700
}
.order-details .order-table .table>:not(:first-child){
    border-top:none
}
.order-details .payment-box{
    background-color:#fff;
    -webkit-box-shadow:0 5px 28px rgba(0,0,0,.07);
    box-shadow:0 5px 28px rgba(0,0,0,.07);
    margin-top:30px;
    margin-bottom:30px;
    padding:50px 30px
}
.order-details .payment-box .payment-method p [type=radio]:checked{
    display:none
}
.order-details .payment-box .payment-method p [type=radio]:checked+label{
    padding-left:27px;
    cursor:pointer;
    display:block;
    font-weight:600;
    color:#0152a3;
    position:relative;
    margin-bottom:8px
}
.order-details .payment-box .payment-method p [type=radio]:checked+label::before{
    content:'';
    position:absolute;
    left:0;
    top:3px;
    width:18px;
    height:18px;
    border:1px solid #ddd;
    border-radius:50%;
    background:#fff
}
.order-details .payment-box .payment-method p [type=radio]:checked+label::after{
    content:'';
    width:12px;
    height:12px;
    background:#0152a3;
    position:absolute;
    top:6px;
    left:3px;
    border-radius:50%;
    -webkit-transition:.5s;
    transition:.5s;
    opacity:1;
    visibility:visible;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.order-details .payment-box .payment-method p [type=radio]:not(:checked){
    display:none
}
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label{
    padding-left:27px;
    cursor:pointer;
    display:block;
    font-weight:600;
    color:#172541;
    position:relative;
    margin-bottom:8px
}
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::before{
    content:'';
    position:absolute;
    left:0;
    top:3px;
    width:18px;
    height:18px;
    border:1px solid #ddd;
    border-radius:50%;
    background:#fff
}
.order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after{
    content:'';
    width:12px;
    height:12px;
    background:#0152a3;
    position:absolute;
    top:6px;
    left:3px;
    border-radius:50%;
    -webkit-transition:.5s;
    transition:.5s;
    opacity:0;
    visibility:hidden;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.order-details .payment-box .order-btn{
    margin-top:20px;
    display:block;
    text-align:center;
    width:100%;
    padding:12px 27px;
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
    z-index:1;
    background-color:#0152a3
}
.order-details .payment-box .order-btn::before{
    content:"";
    position:absolute;
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#1f1f1f;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.order-details .payment-box .order-btn::after{
    content:"";
    position:absolute;
    bottom:0;
    right:0;
    width:0;
    height:100%;
    background-color:#1f1f1f;
    z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s
}
.order-details .payment-box .order-btn:hover{
    color:#fff;
    border:none
}
.order-details .payment-box .order-btn:hover::before{
    left:auto;
    right:0;
    width:50%
}
.order-details .payment-box .order-btn:hover::after{
    left:0;
    right:0;
    width:50%
}
.billing-details .form-group .nice-select .option:hover,.billing-details .form-group .nice-select .option.focus,.billing-details .form-group .nice-select .option.selected.focus{
    background-color:#0152a3!important;
    color:#fff!important
}
.single-content h3{
    font-size:24px;
    margin-bottom:10px
}
.single-content p{
    margin-bottom:15px
}
.single-content p:last-child{
    margin-bottom:0
}
.testimonials-wrap-item .client-item{
    background-color:#fff;
    margin-top:0
}
.testimonials-wrap-item .client-item .client-text{
    top:-17px
}
.testimonials-wrap-item .client-item .client-text ul{
    list-style:none;
    margin:0;
    padding:0;
    display:block
}
.testimonials-wrap-item .client-item .client-text ul li{
    display:inline-block;
    color:#0152a3;
    margin:0 3px
}
.coming-soon-area{
    position:relative;
    z-index:1;
    height:100vh;
    overflow:hidden;
    background-image:url(../img/inner-banner/coming-soon-page.jpg);
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.coming-soon-area::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#1f1f1f;
    opacity:.6
}
.coming-soon-area .coming-soon-content{
    text-align:center;
    max-width:750px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    z-index:2;
    background-color:transparent;
    padding:70px 30px
}
.coming-soon-area .coming-soon-content h1{
    margin-bottom:0;
    color:#fff;
    font-size:60px;
    margin-top:-18px
}
.coming-soon-area .coming-soon-content p{
    font-size:16px;
    max-width:600px;
    margin-top:15px;
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
    color:#fff
}
.coming-soon-area .coming-soon-content #timer{
    margin-top:30px
}
.coming-soon-area .coming-soon-content #timer div{
    display:inline-block;
    color:#fff;
    position:relative;
    margin-left:35px;
    margin-right:35px;
    font-size:45px;
    font-weight:700
}
.coming-soon-area .coming-soon-content #timer div span{
    display:block;
    text-transform:capitalize;
    margin-top:-15px;
    font-size:16px;
    font-weight:400
}
.coming-soon-area .coming-soon-content #timer div:last-child{
    margin-right:0
}
.coming-soon-area .coming-soon-content #timer div:last-child::before{
    display:none
}
.coming-soon-area .coming-soon-content #timer div:first-child{
    margin-left:0
}
.coming-soon-area .coming-soon-content #timer div::before{
    content:"";
    position:absolute;
    right:-50px;
    top:-10px;
    font-size:70px;
    color:#fff
}
.coming-soon-area .coming-soon-content .newsletter-form{
    position:relative;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter{
    display:block;
    width:100%;
    height:60px;
    border:none;
    background-color:rgba(37,9,9,.1);
    padding-left:15px;
    color:#000;
    outline:0;
    -webkit-transition:.5s;
    transition:.5s;
    border-radius:0;
    border:1px solid #232350
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus{
    border-color:#190f3c
}
.coming-soon-area .coming-soon-content .newsletter-form .default-btn{
    border:0;
    outline:0;
    background-color:#0a0483
}
.coming-soon-area .coming-soon-content .newsletter-form button{
    position:absolute;
    right:0;
    top:0;
    height:60px;
    padding:0 30px;
    text-transform:uppercase;
    outline:0;
    color:#fff;
    -webkit-transition:.5s;
    transition:.5s;
    font-weight:500;
    font-size:15px;
    cursor:pointer
}
.coming-soon-area .coming-soon-content .newsletter-form button::after{
    border-radius:0
}
.coming-soon-area .coming-soon-content .newsletter-form button::before{
    border-radius:0
}
.coming-soon-area .coming-soon-content .newsletter-form button:hover{
    color:#fff;
    background-color:#190f3c
}
.coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter{
    color:#fff;
    font-size:14px;
    position:absolute;
    left:0;
    right:0;
    bottom:-30px;
    margin:0 auto
}
.coming-soon-area .coming-soon-content ul{
    list-style:none;
    margin-top:30px;
    padding:0
}
.coming-soon-area .coming-soon-content ul li{
    display:inline-block;
    width:45px;
    height:45px;
    line-height:50px;
    font-size:18px;
    background-color:#0a0483;
    color:#fff;
    border-radius:50px;
    margin-right:10px
}
.coming-soon-area .coming-soon-content ul li a{
    color:#fff
}
.coming-soon-area .coming-soon-content ul li:hover{
    background-color:#1f1f1f
}
.coming-soon-area #validator-newsletter{
    text-align:left;
    color:#dc3545!important
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-webkit-input-placeholder{
    color:#f8f2f2
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:-ms-input-placeholder{
    color:#f8f2f2
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-ms-input-placeholder{
    color:#f8f2f2
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::placeholder{
    color:#f8f2f2
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus{
    border-color:#0664cd
}
.buy-now-btn{
    right:20px;
    z-index:99;
    top:50%;
    position:fixed;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    border-radius:30px;
    display:inline-block;
    color:#fff;
    background-color:#82b440;
    padding:10px 20px 10px 42px;
    -webkit-box-shadow:0 1px 20px 1px #82b440;
    box-shadow:0 1px 20px 1px #82b440;
    font-size:13px;
    font-weight:600;
    display: none;
}
.buy-now-btn img{
    top:50%;
    left:20px;
    width:15px;
    position:absolute;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.buy-now-btn:hover{
    color:#fff;
    background-color:#94be5d
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99999;
    background:#0152a3
}
.spinner{
    margin:0 auto;
    width:70px;
    text-align:center
}
.spinner>div{
    width:18px;
    height:18px;
    background-color:#fff;
    border-radius:100%;
    display:inline-block;
    -webkit-animation:circle-in 1.4s infinite ease-in-out both;
    animation:circle-in 1.4s infinite ease-in-out both
}
.spinner .circle1{
    -webkit-animation-delay:-.32s;
    animation-delay:-.32s
}
.spinner .circle2{
    -webkit-animation-delay:-.16s;
    animation-delay:-.16s
}
#toTop{
    position:fixed;
    bottom:20px;
    right:20px;
    cursor:pointer;
    display:none;
    z-index:99
}
.top-btn{
    background-color:#0152a3;
    color:#fff;
    width:45px;
    height:45px;
    border-radius:50%;
    -webkit-box-shadow:0 0 15px #0152a3;
    box-shadow:0 0 15px #0152a3;
    font-size:20px;
    display:inline-block;
    text-align:center;
    line-height:45px;
    -webkit-transition:.9s;
    transition:.9s
}
.top-btn:hover{
    background:#1f1f1f;
    -webkit-box-shadow:0 0 15px #1f1f1f;
    box-shadow:0 0 15px #1f1f1f;
    color:#fff
}
@-webkit-keyframes circle-in{
    0%,80%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes circle-in{
    0%,80%,100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    40%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}


/* New CSS */

/* basic */

h1,h2,h3,h4,h5,h6 {
    ;
}

/*  */


@media(max-width: 767px) {
	.top-social-link {
		display: none;
	}

  
}



/* footer Start */

.footer-middle {
    background-image: linear-gradient(to right, #15373F, #2B9AB6);
	padding: 40px 0 10px;
} 

.f-about {
    color:  rgba(256,256,256,0.8);
    font-size: 15px;
}

.f-about a {
    color:  #fff;
}

/* footer End */


/* Home page start */

.feedback-area {
    padding: 30px 0 10px;
    /* background-color: #f1f1f1; */
}

.feedback-slider {
    margin-top: 20px;
}

.about-area {
    padding: 30px 0;
}

.about-content p {
    color: rgba(0,0,0,0.7);
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
}

.about-button {
    display: inline-block;
    background:  #202020;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
}

.about-button:hover {
    color: #fff;
}

.counter-area {
    padding:  35px 0;
}

.counter-max {
    background-image: linear-gradient(to right, #15373F, #2B9AB6);
}

.counter-single  {

}


.team-card img {
    border-radius: 10px;
}


.team-content {
    opacity: 0;
    transition: 0.3s ease-in;
    background-color: rgba(37, 127, 150, 0.9) !important;

    text-align: center !important;
}

.team-content h3 {
    font-size: 21px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:  #fff;
}

.team-content a {
    display: inline-block !important;
    background-color: #353535;
    color:  #fff;
    padding: 7px 25px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 25px;
}

.team-card:hover .team-content {
    opacity: 1;
}

.team-area {
    padding: 30px 0;
    background: #fafafa;
}

.management-home-two {
    padding: 30px 0;
    /* background: #f1f1f1; */
}

.s-btn {
    background-image: linear-gradient(to right, #353535, #555555);
    padding: 3px 15px;
    color: #fff;
    font-size: 12px;
    border-radius: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: 0.2s ease-in;
}

.s-btn:hover {
    color: #fff;
    transform: scale(1.05);
}

.technician-area {
    padding: 30px 0;
    background: #fafafa;
}



/* Home page end */


/* Banner Start */

#mob {
    display: none;
}

@media(max-width: 767px) {
    #mob {
    display: block;
     /* position: absolute;
    margin-top: 55px; */
  }

  #desk {
    display: none;

  }

}

/* Banner End*/

/*  Contact Page Start */
    .contact-section {
        padding: 30px 0;
        background-color: #fafafa;
    }

    .contact-area {
        padding: 30px 0;
        background-color: #f1f1f1;
    }
/*  Contact Page end */

/* gallery page start */

.gallery-area {
    padding: 40px 0;
}

@media(max-width: 767px) {
    .single-gallery {
        margin-bottom: 20px;
    }
}

/* gallery page end */



/* Product Page Start */

#product-page {
    padding:  50px 0;
}

.product-p-img {
    /* border: 1px solid #ccc; */
    margin-bottom: 20px;
}

.product-p-img img {
    border-radius: 10px;
}

.product-p-img .btns {
    text-align: center;
}

.product-p-img .btns a {
    display: inline-block;
    margin: 10px 3px;
    padding: 7px 20px;
    border-radius: 2px;
    background: #353535;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    transition: 0.2s ease-in;
}

.product-p-img .btns a:hover {
    background: #212121;
}

.product-p-content {
    /*padding: 20px 0;*/
    background-color: #f1f1f1;
    padding: 20px 30px;
    border-radius: 15px;
}

.product-p-content p {
    color: #353535;
    line-height: 27px;
    margin-bottom: 3px !important;
}

.product-p-content .p-code {
    margin-bottom: 15px;
}
.product-p-content .p-code p {
    line-height: 1.3;
    margin:  0;
}

.product-p-content .p-code p span {
    font-weight: bold;
}

.product-p-content h2 {
    font-size: 25px;
    text-decoration: underline;
    /* padding: 2px 10px; */
    /*background: #0661BE;*/
    /* background: linear-gradient(to right, #0661BE 70%, #fff); */
    color: #303030;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.product-p-content h3 {
    font-size: 16px;
    font-weight: 600;
}

.product-p-content p {
    font-size: 16px;
    text-align: justify;
}

.product-p-content ul {
    margin-bottom: 15px;
}
.product-p-content ul li {
    list-style-type: disc;
    /* margin-left: 20px; */
    margin-bottom: 10px;
    text-align: justify;
    font-size: 16px !important;
    line-height: 27px;
}


@media(max-width:  768px) {
    .product-p-content h2 {
    font-size: 20px;
    padding: 2px 10px;
    margin-bottom: 15px;
}


.product-p-img .btns a {
    display: inline-block;
    margin: 10px 0 ;
    padding: 3px 15px;
    border-radius: 5px;
    background:#0660BF;
    color: #fff;
    font-size: 14px;
    transition: 0.2s ease-in;
}

}

/* Product Page End */


/*  */


.main_div_modal_md .modal {
  z-index: 99999;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.main_div_modal_md .modal-content {
  z-index: 99999;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0px !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.main_div_modal_md .modal-title {
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
}


.form_main_div_modal .form-control{
    margin-top:0px !important;
}


.form_main_div_modal .input-group ::placeholder {
  font-size: 14px;
  font-weight: 500;
}

.form_main_div_modal .input-group input {
  margin-bottom: 0px;
  box-shadow: none !important;
  border-radius: 0px !important;
  outline: none !important;
  padding: 10px 0px 10px 10px;
}

.form_main_div_modal .input-group-text {
  margin-bottom: 0px;
  box-shadow: none !important;
  border-radius: 0px !important;
  outline: none !important;
  background-color: transparent !important;
  padding-top: 13px;
  color: #15373F;
}

.form_main_div_modal .input_div input.btn {
  background-color: #212121;
  padding: 8px 16px 8px 16px;
  color: #fff;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: .5px;
  margin-bottom: 10px;
}

.form_main_div_modal .input_div input.btn:hover {
  background-color: #15373F;
}

.form_main_div_modal .form-check label {
  font-size: 13px;
  font-weight: 400;
  color: gray;

}

.footer-list p{
    color:#fff;
    font-size:13px;
    line-height:27px;
    font-weight:500;
}
.footer-list i{
    color:#fff;
}

.bluead_main_box{
    text-align: center;
    margin-bottom: 15px;
    transition: .5s ease-in-out;
    background-color: #fff;
    padding: 7px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
    overflow: hidden;
    transition: .5s ease-in-out;
}

.bluead_img_box_pro{
    position: relative;
    text-align: center;
    overflow: hidden;
}

.bluead_img_box_pro img{
    margin: auto;
    display: block;
    width: 100%;
}

.bluead_main_box:hover .bluead_img_box_pro img {
filter: grayscale(50%);
transition: .3s ease-in-out;
}

.cate_name_bluead{
    margin-bottom: 6px
}

.cate_name_bluead a{
    color: #1d788a;
    font-weight: 600;
    text-transform: capitalize;
    text-decoration: none;
    letter-spacing: .3px;
}

.cate_name_bluead p{
    font-size: 14px;
    margin-top: 3px;
    line-height: 25px;
    font-weight: 400;
    color: gray;
   
}

.view_more_btn{
    text-align: center;
    margin-bottom: 3px;
    margin-top: 2px;
}

.view_more_btn a{
  
    font-size: 13px;
    font-weight: 500;
    border: 1px dashed lightgray;
    padding: 6px 15px 6px 15px;
    text-decoration: none;
    border-radius: 1px;
    transition: .4s ease-in-out;
    background-color: #048dac;
    color: #fff;
    border: 1px dashed #048dac;
    letter-spacing: .4px;
}

.bluead_main_box:hover .view_more_btn a{
    background-color: #212121;
    color: #fff;
        border: 1px dashed #212121;
}

 /* inner mch pages css end */

 .sub_menu_scroll{
    height: 480px;
    overflow-y: auto;
   }
  
  
   /* width */
    .sub_menu_scroll::-webkit-scrollbar {
     width: 5px;
   }
  
   /* Track */
      .sub_menu_scroll:hover::-webkit-scrollbar-track {
     background: #fff;
   }
  
   /* Handle */
      .sub_menu_scroll:hover::-webkit-scrollbar-thumb {
     background: #685c5c;
   }
  
   /* Handle on hover */
      .sub_menu_scroll:hover::-webkit-scrollbar-thumb:hover {
     background: #685c5c;
   }
   
   
.mobile_callwhat{
    display:none;
}


.btn-whatsapp-pulse {
	background: #018c26;
	color: white;
	position: fixed;
	bottom: 120px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 26px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index: 1111;
  }
  
  .btn-whatsapp-pulse::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #018c26;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
  }
  
  @keyframes pulse {
	0% {
	  box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
	  box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
  }
  
  .btn-whatsapp-pulse-border {
	bottom: 90px;
	right: 20px;
	animation-play-state: paused;
  }
  
  .btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #c66100;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
  }

  
  @keyframes pulse-border {
	0% {
	  padding: 25px;
	  opacity: 0.75;
	}
	75% {
	  padding: 50px;
	  opacity: 0;
	}
	100% {
	  opacity: 0;
	}
  }

.btn-whatsapp-pulse1 {
	background: #f4c430;
	color: white;
	position: fixed;
	bottom: 190px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 26px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulses;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	z-index: 1111;
  }
  
  .btn-whatsapp-pulse1::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #f4c430;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
  }
  
  @keyframes pulses {
	0% {
	  box-shadow: 0 0 0 0 rgba(244, 196, 48, 0.5);
	}
	80% {
	  box-shadow: 0 0 0 14px rgba(244, 196, 48, 0);
	}
  }
  
  .btn-whatsapp-pulse-border1 {
	bottom: 90px;
	right: 20px;
	animation-play-state: paused;
  }
  
  .btn-whatsapp-pulse-border1::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #f4c430;
	opacity: 0.75;
	animation-name: pulse-borders;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
  }

  
  @keyframes pulse-borders {
	0% {
	  padding: 25px;
	  opacity: 0.75;
	}
	75% {
	  padding: 50px;
	  opacity: 0;
	}
	100% {
	  opacity: 0;
	}
  }

  img.what {
	position: absolute;
	z-index: 1;
  }
  
  /**/
  .section-title2 h1 {
    font-size: 25px;
    font-family: oswald, sans-serif;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 5px;
    line-height: 1.2;
    color: #2898B4 !important;
  }
    .section-title2 h2 {
    font-size: 25px;
    font-family: oswald, sans-serif;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 5px;
    line-height: 1.2;
    color: #2898B4 !important;
  }
  .technician-item h3 {
    font-size: 35px;
    font-family: oswald, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px;
    line-height: 1.5;
    color: #2898B4 !important;
  }
  .section-title h3 {
    font-size: 35px;
    font-family: oswald, sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px;
    line-height: 1.2;
    color: #2898B4 !important;
}
  /**/
  