@import url(css);
@import url(css-1);
.small1,.small2{
    height:100px;
    width:100px
}
.bigcon,.small1,.small2{
    top:50vh;
    left:50%;
    background-color:transparent;
    position:absolute
}
.ball,.bigcon,.small1,.small2{
    position:absolute
}
body,p{
    color:#000000
}
.bg-text,.list-items li{
    text-transform:uppercase
}
.black-arrow i,.block-inline,.title-wrap,.white-arrow i{
    vertical-align:middle;
    display:inline-block
}
.pad-120,.pb-120{
    padding-bottom:120px
}
.pad-120,.pt-120{
    padding-top:120px
}
body,label{
    font-weight:400
}
.block-inline,.header-style3 .sign-in,.list-items li,.theme-menu>li>a,.title-wrap,.top-bar2 ul{
    display:inline-block
}
.rating .star,.theme-menu .search,.to-top{
    cursor:pointer
}
.why-us{
    text-align: center;
    background: url(../../images/why-us-bg.jpg);
    background-size: cover;
    background-position: center;
}
.why-us ul{
    margin-top: 25px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.why-us ul li {
    margin: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #00ccc6;
}
.why-us ul li i{
    color: #00715d;
}
.why-us h3{
    font-size: 30px;
    /*font-weight: 600;*/
}
.why-us h2{
    font-size: 48px;
}
.why-us h2,.why-us h3{
    color: #ffffff;    
}
.why-us .container-fluid{
    background: #090c2e9e;
}
section{
    background: #f4f4f4;
}
#preloader{
    height:100%;
    width:100%;
    position:fixed;
    z-index:9999;
    top:0;
    background-color:#ffffffcf
}
.small2{
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.small1{
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:translate(-50%,-50%) rotate(45deg);
    transform:translate(-50%,-50%) rotate(45deg)
}
.bigcon{
    height:95px;
    width:95px;
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:translate(-50%,-50%) rotate(-45deg);
    transform:translate(-50%,-50%) rotate(-45deg);
    -webkit-animation:2s linear .25s infinite bigcon;
    animation:2s linear .25s infinite bigcon
}
.ball{
    border-radius:50%
}
.boxed .wrapper,.calculate,.clrbg-before,.contact-map,.mask-overlay,.pricing-wrap,.prod-delivery,.rel-div,.theme-menu .dropdown-menu li{
    position:relative
}
.small{
    width:25px;
    height:25px;
    -webkit-animation:2s infinite small;
    animation:2s infinite small;
    box-shadow:0 2px rgba(0,0,0,.3)
}
.small:first-child{
    top:0;
    left:0
}
.small:nth-child(2){
    top:0;
    right:0
}
.small:nth-child(3){
    right:0;
    bottom:0
}
.small:nth-child(4){
    bottom:0;
    left:0
}
.big{
    width:20px;
    height:20px;
    border-radius:15px;
    z-index:1;
    -webkit-animation:1s linear infinite bigball;
    animation:1s linear infinite bigball
}
.smallball1{
    -webkit-animation-delay:-1.75s;
    animation-delay:-1.75s
}
.smallball6{
    -webkit-animation-delay:-1.5s;
    animation-delay:-1.5s
}
.smallball2{
    -webkit-animation-delay:-1.25s;
    animation-delay:-1.25s
}
.smallball7{
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
.smallball3{
    -webkit-animation-delay:-.75s;
    animation-delay:-.75s
}
.smallball8{
    -webkit-animation-delay:-.5s;
    animation-delay:-.5s
}
.smallball4{
    -webkit-animation-delay:-.25s;
    animation-delay:-.25s
}
.smallball5{
    -webkit-animation-delay:0s;
    animation-delay:0s
}
@-webkit-keyframes bigcon{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:translate(-50%,-50%) rotate(45deg);
        transform:translate(-50%,-50%) rotate(45deg)
    }
    100%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:translate(-50%,-50%) rotate(405deg);
        transform:translate(-50%,-50%) rotate(405deg)
    }
}
@keyframes bigcon{
    0%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:translate(-50%,-50%) rotate(45deg);
        transform:translate(-50%,-50%) rotate(45deg)
    }
    100%{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:translate(-50%,-50%) rotate(405deg);
        transform:translate(-50%,-50%) rotate(405deg)
    }
}
body{
    font-family:Roboto,sans-serif;
    background:#fff;
    -webkit-font-kerning:auto;
    -webkit-font-smoothing:antialiased;
    -webkit-backface-visibility:visible!important;
    overflow-x:hidden;
    transition:.4s ease-out;
    -webkit-transition:.4s ease-out
}
.no-pad{
    padding-left:0 !important;
    padding-right:0 !important;
}
.boxed .wrapper{
    background-color:#fff;
    margin:0 auto;
    max-width:1200px;
    box-shadow:0 5px 53px -7px rgba(0,0,0,.2);
    overflow:hidden
}
body.off-canvas-body{
    margin-left:301px
}
.feature .title-1,.footer-bottom p,.form-alert,.no-margin,.price-content-2 ul,.top-bar2 .font2-light,label{
    margin:0
}
.effect{
    animation-duration:2s;
    animation-delay:2s;
    animation-iteration-count:1;
    -webkit-animation-duration:2s;
    -webkit-animation-delay:2s;
    -webkit-animation-iteration-count:1
}
img{
    max-width:100%
}
p{
    font-size:17px;
    margin-bottom:15px;
    line-height:1.8
}
.light-bg{
    background-color:#f2f2f2
}
.header-style2 .navbar-toggle .icon-bar,.sign-in:focus,.sign-in:hover,.white-bg{
    background-color:#fff
}
.black-bg,.btn-1:focus,.btn-1:hover,.prod-info{
    background-color:#222
}
.clrbg-before:before{
    content:""
}
.mask-overlay:before,.theme-clr-mask,.white-mask{
    content:"";
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:0;
    background-color:rgb(0 0 0 / 25%)
}
.white-mask{
    background:rgba(255,255,255,.5)
}
.banner,.steps-wrap,.testimonial{
    background-size:cover;
    background-position:center center
}
.contact-wrap,.steps-wrap,.testimonial{
    background-repeat:no-repeat
}
.title-wrap{
    width:100%;
    position:relative
}
.title-wrap>p{
    letter-spacing:2px
}
.font2-title1,.post-title,.section-title,.title-1,.title-2,.title-3,.widget-title{
    color:#222;
    text-transform:uppercase;
    letter-spacing:1px
}
.section-title{
    font-size:28px
}
.fs-16,.post-wrap p,.title-1{
    font-size:16px
}
.fs-14,.title-2,.widget-title-2{
    font-size:14px
}
.fs-20,.header-style3 .sign-in i,.title-3{
    font-size:20px
}
.post-title,.product-title,.widget-title{
    font-size:18px
}
.bg-text{
    color:#ededed;
    font-size:114px;
    position:absolute;
    top:8%;
    left:-2%
}
.bg-text.right{
    left:auto;
    right:2%
}
.bg-text.center{
    text-align:center;
    left:0;
    right:0;
    margin:auto
}
#services a{
    text-decoration: none;
}

#services .sub-text{
    margin-bottom: 30px;
    position: relative;
}
#services .card{
    margin-bottom: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding-bottom: 15px;
}
#services .card p{
    padding: 0 15px;
}
#popular-routes{
    background: url(../../images/banner-2.jpg);
    background-size: cover;
    background-position: center;
}
#popular-routes .container-fluid{
    background: #000000a8;
}
#popular-routes h2, #popular-routes p{
    color: #ffffff;
}
#popular-routes ul li a{
    color: #ffffff;
}
#popular-routes ul li{
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
}
#popular-routes ul li i{
    color: #00715d;
}
#testimonials{
    background: #ffffff;
}

.my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mb-5{
    margin-bottom: 3rem;
}
.mt-5{
    margin-top: 3rem;
}
.btn-round:focus,.btn-round:hover,.pagintn>li a:focus,.pagintn>li a:hover,.pricing-box.active .btn-round,.social-icons li a:focus,.social-icons li a:hover,.white-clr,.white-clr .section-title,.white-clr .title-1,.white-clr .title-2,.white-clr .title-3,.white-clr a,.white-clr p,.widget-wrap.tag-cloud a:focus,.widget-wrap.tag-cloud a:hover{
    color:#fff
}
.black-clr,.black-clr a,.header-style3 .theme-menu>li.active>a,.header-style3 .theme-menu>li>a:focus,.header-style3 .theme-menu>li>a:hover,.order .title-1:hover{
    color:#222
}
.light-black{
    color:#333
}
.gray-clr{
    color:#9f9f9f
}
.green-clr{
    color:#33be61
}
.red-clr{
    color:red
}
.blue-clr,a.blue-clr{
    color:#09c
}
.main-clr{
    color:#acacac
}
.block-inline{
    width:100%
}
.divider-small{
    border-color:#000;
    border-style:dashed;
    width:190px
}
.fullwidth-divider{
    border-color:#ccc
}
.list-items li{
    margin:0 5px;
    position:relative
}
.list-items{
    margin-bottom:0;
    margin-left:-5px
}
.black-arrow i,.white-arrow i{
    padding:0 15px;
    line-height:normal;
    transition:transform .3s;
    -webkit-transition:transform .3s;
    transform:translateX(0);
    -webkit-transform:translateX(0)
}
.black-arrow:hover i,.white-arrow:hover i{
    transform:translateX(10px);
    -webkit-transform:translateX(10px)
}
.black-arrow,a.black-arrow{
    color:#000!important
}
.white-arrow,a.white-arrow{
    color:#fff!important
}
.owl-carousel .owl-item img{
    margin-left:auto;
    margin-right:auto;
    width:auto
}
.pad-100,.pb-100{
    padding-bottom:100px
}
.pad-100,.pt-100{
    padding-top:100px
}
.pad-80,.pt-80{
    padding-top:80px
}
.pad-80,.pb-80{
    padding-bottom:80px
}
.pad-10,.pb-10{
    padding-bottom:10px
}
.pad-10,.pt-10{
    padding-top:10px
}
.pad-30{
    padding-bottom:30px;
    padding-top:30px
}
.pad-50,.pb-50{
    padding-bottom:50px
}
.pad-50,.pt-50{
    padding-top:50px
}
.btn-1,.btn-round{
    text-align:center;
    height:50px;
    line-height:30px;
    padding:10px;
    font-size:14px;
    text-transform:uppercase
}
.btn,a{
    color:#222;
    text-decoration:none;
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
.btn:active,.btn:focus,.btn:hover,a:focus,a:hover{
    text-decoration:none;
    outline:0
}
.under-line{
    text-decoration:underline
}
ul{
    padding-left:0;
    list-style:none;
    margin-bottom:20px
}
ol{
    padding-left:0;
    list-style: none;
    margin-bottom:20px
}
ol ol,ol ul,ul ol,ul ul{
    padding-left:20px
}
h2,h3,h4,h5,h6{
    margin-top:10px;
    margin-bottom:10px
}
.transition,.transition:after,.transition:before{
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
.btn-1{
    border:none;
    border-radius:3px;
    color:#fff;
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
.btn-1.dark:focus,.btn-1.dark:hover{
    background-color:#c7c7c7
}
.btn-round{
    border-radius:30px;
    border:2px solid #222;
    color:#222;
    letter-spacing:1px;
    min-width:200px;
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
textarea{
    resize:vertical
}
.bootstrap-select .btn,.form-control,.input-group-addon{
    background-color:#fff;
    border-color:#333;
    border-radius:3px;
    box-shadow:none;
    color:#333;
    font-size:16px;
    height:46px;
    padding:10px 20px;
    font-weight:300;
    text-transform:uppercase
}
textarea.form-control{
    height:auto
}
.bootstrap-select .btn,.theme-countdown,.upper-text{
    text-transform:uppercase
}
.form-control.submit-btn{
    height:auto;
    line-height:normal
}
.box-shadow{
    box-shadow:0 3px 20px -6px rgba(0,0,0,.2)
}
.form-control.from{
    border-right-color:transparent
}
.form-group [type=checkbox],.form-group [type=radio]{
    border:0;
    clip:rect(0,0,0,0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.form-group .checkbox-inline,.form-group .radio-inline{
    margin:0;
    padding-left:0;
    line-height:1.2;
    vertical-align:-moz-middle-with-baseline
}
.form-group [type=checkbox]+span,.form-group [type=radio]+span{
    cursor:pointer;
    vertical-align:text-top
}
.form-group [type=checkbox]+span::before{
    color:#999;
    content:"\56";
    font-family:ElegantIcons;
    font-size:20px;
    margin-right:3px;
    vertical-align:middle;
    line-height:0
}
.form-group [type=checkbox]:checked+span:before{
    content:"\5a";
    font-family:ElegantIcons
}
.form-group [type=radio]+span::before{
    color:#000;
    content:"\5b";
    font-family:ElegantIcons;
    font-size:20px;
    margin-right:3px;
    vertical-align:middle;
    line-height:0
}
.form-group [type=radio]:checked+span:before{
    content:"\5c";
    font-family:ElegantIcons
}
.bootstrap-select .btn-default.active.focus,.bootstrap-select .btn-default.active:focus,.bootstrap-select .btn-default.active:hover,.bootstrap-select .btn-default.focus:active,.bootstrap-select .btn-default:active:focus,.bootstrap-select .btn-default:active:hover,.bootstrap-select>.dropdown-toggle.btn-default.focus,.bootstrap-select>.dropdown-toggle.btn-default:focus,.bootstrap-select>.dropdown-toggle.btn-default:hover,.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{
    background-color:#fff;
    border-color:#e7e8ec;
    color:#c7c7c7;
    box-shadow:none
}
.bootstrap-select .dropdown-toggle:focus{
    outline:0!important;
    outline-offset:0
}
::-webkit-input-placeholder{
    color:#c7c7c7
}
:-moz-placeholder{
    color:#c7c7c7
}
::-moz-placeholder{
    color:#c7c7c7
}
:-ms-input-placeholder{
    color:#c7c7c7
}
.form-control::-webkit-input-placeholder{
    color:#c7c7c7;
    opacity:1
}
.form-control::-moz-placeholder{
    color:#c7c7c7;
    opacity:1
}
.form-control::-ms-input-placeholder{
    color:#c7c7c7;
    opacity:1
}
.form-control:focus{
    background-color:transparent;
    box-shadow:none;
    outline:0
}
input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{
    outline:0
}
input:focus::-webkit-input-placeholder{
    color:transparent!important
}
input:focus:-moz-placeholder{
    color:transparent!important
}
input:focus::-moz-placeholder{
    color:transparent!important
}
input:focus:-ms-input-placeholder{
    color:transparent!important
}
textarea:focus::-webkit-input-placeholder{
    color:transparent!important
}
textarea:focus:-moz-placeholder{
    color:transparent!important
}
textarea:focus::-moz-placeholder{
    color:transparent!important
}
textarea:focus:-ms-input-placeholder{
    color:transparent!important
}
.header-main .theme-menu .dropdown-menu>li>a:focus,.header-main .theme-menu .dropdown-menu>li>a:hover,.hvr-clr:focus,.hvr-clr:hover,.list-items li.active a,.theme-clr,.theme-menu>li.active>a,.theme-menu>li:hover>a::after,a:focus,a:hover{
    color:#0057a7
}
.btn-round:focus,.btn-round:hover,.clrbg-after:after,.clrbg-before:before,.header-style3 .menu-bar,.owl-nav div:focus,.owl-nav div:hover,.pagintn>li a:focus,.pagintn>li a:hover,.pricing-box.active .btn-round,.small,.social-icons li a:focus,.social-icons li a:hover,.theme-clr-bg,.theme-menu>li>a::after,.widget-wrap.tag-cloud a:focus,.widget-wrap.tag-cloud a:hover{
    background-color:#ffffff;
}
.btn-1{
    background-color: #000000;
}
.banner{
    border-bottom:5px solid #0057a7
}
.btn-round:focus,.btn-round:hover,.form-control:focus,.pricing-box.active,.pricing-box.active .btn-round,.social-icons li a:focus,.social-icons li a:hover,.themeclr-border{
    border-color:#0057a7
}
.is-sticky .menu-bar{
    background:#fff;
    top:0;
    padding:5px 0 0 !important;
    box-shadow:0 5px 53px -7px rgba(0,0,0,.2)
}
.big,.btn-1.dark,.theme-dark-bg{
    background-color:#1581fe
}
.is-sticky .menu-bar .theme-menu li a{
    color:#000
}
.hvr-dark:focus,.hvr-dark:hover,.theme-dark{
    color:#1581fe
}
.darkclr-border,.owl-dot.active{
    border-color:#1581fe
}
.big{
    box-shadow:0 0 10px #1581fe,0 0 20px #1581fe,0 0 30px #1581fe,0 0 50px #1581fe,0 0 60px #1581fe
}
@-webkit-keyframes small{
    0%,100%,25%{
        -webkit-transform:scale(1);
        transform:scale(1);
        background-color:#0057a7
    }
    10%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3);
        background-color:#1581fe
    }
    15%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes small{
    0%,100%,25%{
        -webkit-transform:scale(1);
        transform:scale(1);
        background-color:#0057a7
    }
    10%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3);
        background-color:#1581fe
    }
    15%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.btn-1,.btn-round,.font-2,.font2-title1,.theme-countdown,.title-1,.title-2,.title-3{
    font-family:Poppins,sans-serif;
    font-weight:600
}
.bg-text,.section-title{
    font-family:Poppins,sans-serif;
    font-weight:900
}
.font2-light{
    font-family:Poppins,sans-serif;
    font-weight:300
}
.italic-text{
    font-style:italic
}
.capital-text{
    text-transform:capitalize
}
.breadcrumb-menubar,.pagintn>li a,.top-bar2 ul{
    text-transform:uppercase
}
.fs-10{
    font-size:10px
}
.fs-12{
    font-size:12px
}
.fs-26{
    font-size:26px
}
.fs-36{
    font-size:36px
}
.fs-48{
    font-size:48px
}
.fs-50{
    font-size:50px
}
.fs-96{
    font-size:96px
}
.comment-author .fn,.fw-400{
    font-weight:400
}
.fw-600{
    font-weight:600
}
.fw-900{
    font-weight:900
}
.top-bar{
    background-image:url('../img/pattern/topbar-bg.jpg');
    padding:10px 0;
    position:relative
}
.top-bar .list-items{
    margin-top:3px
}
.top-bar .list-items li+li:before{
    content:"";
    background-color:#3e3e3e;
    height:10px;
    width:2px;
    left:0;
    top:2px;
    position:absolute
}
.top-bar .list-items li+li{
    margin-left:12px;
    padding-left:17px;
    vertical-align:middle
}
.contact-num{
    margin:0 95px 0 15px;
    text-align:right
}
.banner,.sign-in,.testimonial,.theme-menu .search{
    text-align:center
}
.boxed .contact-num{
    margin:0 150px 0 15px
}
.sign-in{
    height:42px;
    padding:8px;
    position:absolute;
    right:0;
    top:0;
    width:150px
}
.menu-bar{
    background-color:#fff;
    padding:25px 0;
    z-index:11;
    position:static;
    top:100px;
    transition:top .75s;
    -webkit-transition:top .75s
}
.about-wrap,.theme-menu>li,.theme-menu>li>a{
    position:relative
}
.theme-menu{
    float:right;
    padding-top:10px
}
.theme-menu>li{
    padding:5px 10px
}
.theme-menu>li>a{
    padding:0
}
.theme-menu>li>a::after{
    bottom:0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    right:0;
    width:100%;
    opacity:0;
    transform:translateY(30px);
    -webkit-transform:translateY(30px);
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out;
    -ms-transition:.4s ease-in-out;
    -o-transition:.4s ease-in-out
}
.theme-menu>li.active>a::after,.theme-menu>li:hover>a::after{
    opacity:.4;
    transform:translateY(0);
    -webkit-transform:translateY(0)
}
.theme-menu .search{
    margin-top:-2px;
    border:1px solid;
    border-radius:2px;
    font-size:14px;
    height:30px;
    line-height:25px;
    padding:0;
    width:30px
}
.theme-menu .search:focus,.theme-menu .search:hover{
    background-color:#222;
    border-color:#222;
    color:#fff
}
.about-wrap,.feature-2,.track-prod{
    border-bottom:1px solid #eaeaea
}
.pagintn li+li,.top-bar2 ul li+li{
    border-left:1px solid #e7e8ec
}
.theme-menu .dropdown-menu>li>a{
    font-size:12px;
    font-weight:600;
    background-color:transparent;
    color:#222;
    padding:5px 20px
}
.header-main .navbar-toggle{
    border-radius:0;
    padding:9px;
    margin:12px 0 0
}
.navbar-toggle .icon-bar{
    background-color:#222;
    height:2px;
    width:30px;
    margin-bottom:5px
}
.navbar-nav li a{
    color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
}
.theme-breadcrumb p {
    font-size: 20px;
    color: #dedede;
    margin-top: 10px;
}

.post-content ul li,.post-content ol li{
    font-size: 16px;
    position: relative;
    padding-left: 25px;
    line-height: 30px;
}
.post-content ul li::before {
  content: "\f00c"; /* Unicode for the checkmark icon */
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #00715d; /* Example color */
}
.post-content ol li::before {
  content: "\f0a4"; /* Unicode for the checkmark icon */
  font-family: FontAwesome;
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #00715d; /* Example color */
}
.why-div {
    border: 1px solid #00715d;
    margin-bottom: 25px;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    background: #ffffff;  
}
.why-div h3{
    font-size: 18px;
    color: #00715d;
}
.shadow-sm{
        box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 20%) !important;
}
.post-content .card-body{
    padding: 15px;
}
a.cta-number {
    font-weight: 600;
    color: #00715d;
}
#faqAccordion .accordion-body{
    padding-left: 15px;
}
#faqAccordion .accordion-header{
    background-color: #00715d;
    color: #ffffff;
    font-size: 18px;
    padding: 10px 5px;
}
#faqAccordion .accordion-header button{
    border: none;
    background-color: #00715d;
    text-align: left;
}
.cities li:before {
    content: "\f072" !important;
}
.cities li {
    display: inline-block;
    margin-right: 20px;
    padding-left: 20px !important;
}
.is-sticky .navbar-logo img{width: 120px;}
.header-style2 .is-sticky .menu-bar{
    background-color:rgba(0,0,0,.8)
}
.header-style3 .theme-menu>li>a::after,.sidebar .form-control:focus{
    background-color:transparent
}
.header-style2 .navbar-toggle{
    border:1px solid #fff
}
.top-bar2{
    padding:5px 0
}
.top-bar2 ul{
    margin:10px 0 0;
    width:100%
}
.top-bar2 .font2-title1{
    margin:5px 0 0
}
.top-bar2 ul li+li{
    margin-left:21px;
    padding-left:25px
}
.header-style3 .theme-menu{
    float:right;
    margin-left:-15px;
    padding-top:5px
}
.header-style3 .menu-bar{
    padding:10px 0
}
.comment-respond .calculate-form label,.header-style3 .theme-menu .search{
    margin-top:0
}
.header-style3 a.sign-in{
    padding: 10px 15px;    
    background:#000000;
    color: #ffffff !important;
    text-decoration: none;
}
.header-style3 a.sign-in:hover{
    background:#218838;
}
.services h3{
    margin-top:15px!important;
    margin-bottom:10px!important;
    font-size:20px
}
.services p{
    margin-bottom:30px
}
.footer-bottom p{
    color:#cfcfcf
}
.services i{
    color:#0057a7;
    font-size:50px
}
.footer-widget .ec-footer-links img{
    width:250px;
    margin-top:15px
}
.sticky-logo{
    display:none;
    float:left;
    height:40px;
    margin-right:35px;
    transform:translateX(-200px);
    -webkit-transform:translateX(-200px)
}
.is-sticky .sticky-logo{
    display:block;
    transform:translateX(0);
    -webkit-transform:translateX(0);
    max-width:110px
}
.banner{
    background-image:url(../../images/banner-1.jpg)
}
.banner-text {
    padding: 35px 15px;
    background: #00000045;
    border-radius: 10px;
}
.banner .list-items>li+li::before{
    bottom:0;
    content:".";
    font-size:17px;
    left:0;
    position:absolute
}
.banner .list-items>li+li{
    margin-left:11px;
    padding-left:18px
}
.banner .list-items{
    margin:30px 0
}
.banner-style2{
    background-image:url(../img/background/banner-2.jpg)
}
.track-prod{
    background-color:#fefefe;
    border-radius:3px;
    margin-top:-100px;
    padding:20px 35px;
    box-shadow:0 5px 53px -7px rgba(0,0,0,.2)
}
.track-prod .title-1{
    display:inline-block;
    margin-right:25px;
    vertical-align:middle
}
.track-prod::before{
    height:5px;
    left:0;
    position:absolute;
    top:38px;
    width:20px
}
.track-prod .form-group{
    margin:5px 0 10px
}
.track-prod .form-control{
    height:50px;
    text-transform:none
}
.track-prod .btn-1,.tracking-form .btn-1{
    height:54px
}
.track-prod .font2-light{
    letter-spacing:1px;
    font-size:13px
}
.track-prod .form-group .btn-1,.tracking-form .form-group .btn-1{
    width:100%
}
.about-wrap:before{
    bottom:-3px;
    height:5px;
    left:15%;
    position:absolute;
    width:70%
}
.about-wrap .bg-text{
    top:4%
}
.about-us .feature{
    display:inline-block;
    margin-top:35px;
    width:100%
}
.about-us .feature>li{
    display:inline-block;
    margin-bottom:25px;
    width:100%
}
.feature img,.tracking-form .title-1{
    display:inline-block;
    margin-right:20px;
    vertical-align:middle
}
.feature-content{
    display:inline-block;
    vertical-align:middle;
    width:85%
}
.feature-content>p{
    margin:5px 0 0;
    letter-spacing:1px
}
.about-2 .bg-text{
    top:24%
}
.feature-2::before{
    bottom:0;
    content:"";
    height:1px;
    left:0;
    margin-bottom:-1px;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    right:0;
    width:70%
}
.calculate-form{
    display:inline-block;
    margin-top:0;
    width:100%
}
.calculate .bg-text.right{
    top:8%
}
.calculate-form .form-group{
    display:inline-block;
    vertical-align:middle;
    width:100%
}
.calculate-form .form-control.from{
    border-radius:4px 0 0 4px;
    font-size:12px
}
.calculate-form .form-control.to{
    border-radius:0 4px 4px 0;
    font-size:12px
}
.calculate-form label{
    margin-top:14px
}
.calculate-form .btn-1{
    padding:10px 25px;
    position:relative;
    text-align:left
}
.calculate-form .btn-1.dark{
    position:absolute;
    right:0;
    text-align:center;
    top:0;
    width:145px
}
.calculate-form .bootstrap-select .btn{
    font-weight:600;
    font-size:12px
}
.steps-wrap{
    background-image:url("../img/background/step-bg.jpg")
}
.steps-wrap .row div{
    color:#fff;
    display:inline-block;
    vertical-align:middle;
    z-index:1
}
.steps-content{
    margin-left:15px
}
.steps-content .title-3{
    color:#fff;
    font-weight:900;
    margin-top:20px
}
.prod-delivery::before,.testimonial-img::before{
    content:"";
    margin:auto;
    position:absolute;
    left:0
}
.step-img{
    position:absolute;
    right:0;
    bottom:0
}
.prod-delivery::before{
    border:5px solid #f4f4f4;
    height:50%;
    right:0;
    top:30%;
    width:36%;
    z-index:-1
}
.delivery-img{
    position:absolute;
    right:15px;
    top:0;
    z-index:-1
}
.testimonial-img,.testimonial-img span{
    position:relative;
    display:inline-block
}
.boxed .delivery-img,.boxed .prod-delivery::before{
    z-index:0
}

.testimonial{
    background-image:url("../img/background/testimonial-bg.jpg")
}
.testimonial-img span{
    font-size:40px;
    margin-top:-15px;
    z-index:2;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg)
}
.testimonial-img>img{
    border:4px solid;
    border-radius:50%;
    z-index:-1
}
.testimonial-img{
    border-radius:50%;
    height:90px;
    margin-bottom:40px;
    margin-top:10px;
    width:90px
}
.testimonial-img::before{
    background-color:#fff;
    border-radius:50%;
    bottom:-18px;
    height:40px;
    right:0;
    width:40px;
    z-index:1
}
.pricing-box:after,.pricing-box:before{
    content:"";
    height:2px;
    position:absolute;
    width:0
}
.owl-nav div{
    background-color:#444;
    color:#fff;
    display:inline-block;
    font-size:18px;
    height:40px;
    line-height:40px;
    margin-left:5px;
    width:40px;
    transition:.4s ease-in-out;
    -webkit-transition:.4s ease-in-out
}
.owl-nav{
    /*bottom:0;
    position:absolute;
    right:0*/
}
.owl-dots{
    bottom:65px;
    left:0;
    position:absolute;
    right:0
}
.owl-dot{
    border:2px solid transparent;
    border-radius:50%;
    display:inline-block;
    height:17px;
    line-height:normal;
    margin:4px;
    vertical-align:middle;
    width:17px
}
.owl-dot>span{
    background-color:#fff;
    border-radius:50%;
    display:inline-block;
    height:13px;
    margin-top:-7px;
    vertical-align:middle;
    width:13px;
    z-index:1
}
.owl-dot.active>span{
    background:rgba(0,0,0,0)
}
.no-nav .owl-nav,.no-pagination .owl-dots{
    display:none!important
}
.pricing-box:after{
    left:0;
    top:0;
    opacity:0
}
.pricing-box:before{
    bottom:0;
    right:0;
    opacity:0
}
.pricing-hover:after,.pricing-hover:before{
    height:0;
    width:2px;
    opacity:0;
    position:absolute;
    content:""
}
.pricing-hover:before{
    bottom:0;
    left:0
}
.pricing-hover:after{
    right:0;
    top:0
}
.pricing-box:hover:after,.pricing-box:hover:before{
    width:100%;
    opacity:1
}
.pricing-box:hover .pricing-hover:after,.pricing-box:hover .pricing-hover:before{
    height:100%;
    opacity:1
}
.pricing-hover{
    position:static
}
.comment-body,.contact-wrap,.order,.pricing-box{
    position:relative
}
.pricing-wrap .bg-text{
    top:13%
}
.pricing-box{
    border:2px solid #f4f4f4;
    transition:1s
}
.pricing-box .title-wrap{
    border-bottom:5px solid #f4f4f4;
    padding:15px 80px
}
.pricing-box .title-wrap .btn-1{
    border-radius:50px;
    height:40px;
    line-height:normal;
    margin:auto auto -35px;
    width:200px
}
.price-content{
    padding:55px 80px 0
}
.order,.pricing-box .order{
    padding:10px 10px 23px;
    text-align:center
}
.price-content li{
    padding:7px 0;
    font-weight:900
}
.order span{
    left:0;
    margin:1px auto;
    position:absolute;
    opacity:0
}
.order .title-1{
    display:block;
    padding:0 80px;
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0)
}
.contact-detail p,.contact-detail span,.order-2 .btn-round,.pagintn,.pagintn>li a{
    display:inline-block
}
.pricing-box:hover .order .title-1{
    transform:translateX(50px);
    -webkit-transform:translateX(50px);
    -ms-transform:translateX(50px);
    -o-transform:translateX(50px)
}
.pricing-box:hover .order span{
    left:13%;
    opacity:1
}
.pricing-2 .bg-text{
    top:-7%
}
.price-content-2{
    padding:0 30px
}
.comments-box,.pagintn{
    padding:0
}
.price-content-2 li{
    border-bottom:1px solid #f4f4f4;
    padding:18px 15%
}
.order-2 .btn-round{
    margin:28px
}
.contact-wrap .bg-text{
    top:11%
}
.contact-wrap{
    background-image:url("../img/background/MAP.png");
    background-position:right center
}
.contact-detail p{
    text-transform:none;
    margin-top:-2px;
    vertical-align:text-top;
    width:65%
}
.error-wrap .title-1 i,.pagintn,.popup-box-inner,.post-readmore span{
    vertical-align:middle
}
.contact-detail li:last-child p,.sidebar .form-group{
    margin-bottom:5px
}
.contact-detail span{
    width:31%
}
.contact-detail{
    margin:35px 0 0
}
.contact-detail>li{
    padding-top:17px
}
.contact-2 .contact-detail>li{
    padding-left:25%
}
.contact-2 .contact-detail span{
    width:35%
}
.contact-2 .contact-detail p{
    width:63%
}
.theme-breadcrumb{
    border-top:1px solid #eaeaea;
    background: url(../../images/inner-hero-bg.jpg);
    background-size: contain;
}
.theme-breadcrumb .section-title{
    letter-spacing:3px;
    color: #ffffff;
    font-size: 40px;
}
.login-form .btn-1,.tracking-form .font2-light{
    letter-spacing:1px
}
.breadcrumb-menubar{
    font-size:12px;
    margin:20px 0 0;
    letter-spacing:1px;
    text-align:right
}
.breadcrumb-menubar>li+li::before{
    color:#9f9f9f;
    content:"/";
    padding:0 5px 0 0
}
.breadcrumb-menubar li+li{
    padding-left:0
}
.pagintn{
    border:1px solid #e7e8ec;
    margin:30px 0 0
}
.pagintn>li{
    float:left
}
.pagintn>li a{
    padding:15px 22px;
    text-align:center
}
.rating span.star::before{
    color:#ffd33b;
    content:"\f006";
    font-family:FontAwesome
}
.rating span.star.half:before{
    color:#ffd33b;
    content:"\f123";
    font-family:FontAwesome
}
.rating span.star.active::before,.rating span.star:hover span.star::before,.rating span.star:hover::before{
    color:#ffd33b;
    content:"\f005";
    font-family:FontAwesome
}
.post-img img{
    display:block;
    margin:auto
}
.comment-body,.comments-box li,.post-categories>a,.post-tags>a{
    display:inline-block
}
.post-readmore{
    display:block;
    text-align:right
}
.close-search,.create-accnt,.to-top{
    text-align:center
}
.post-footer{
    display:block;
    margin-top:25px
}
.post-categories,.post-tags{
    display:block
}
.comments-box ol{
    padding-left:15px
}
.comments-box li{
    list-style:none;
    width:100%
}
.comment-body{
    margin-bottom:20px;
    overflow:hidden;
    width:100%
}
.comment-author,.comment-metadata{
    margin-bottom:8px;
    display:inline-block
}
.comment-author,.comment-content{
    padding-left:80px
}
.comment-author .says{
    display:none
}
.comment-author .avatar{
    border-radius:50%;
    height:60px;
    left:0;
    padding:2px;
    position:absolute;
    top:25px;
    width:60px
}
.comment-list{
    list-style:none;
    padding:0
}
.comment-list .children{
    list-style:none;
    margin-bottom:10px;
    padding-left:20px
}
.comment-metadata{
    padding-left:5px;
    width:auto
}
.comment-body .reply{
    position:absolute;
    right:0;
    top:0
}
.comment-metadata .reply a{
    display:inline-block;
    float:right;
    text-align:right
}
.comment-content{
    border:1px solid #e7e8ec;
    border-radius:0;
    display:inline-block;
    font-size:15px;
    margin-left:80px;
    padding:10px;
    white-space:normal;
    width:90%
}
.reply-box,.widget-wrap{
    width:100%;
    display:inline-block
}
.reply-box{
    margin-bottom:30px
}
.widget-wrap .title-1{
    font-size:16px;
    margin:0 0 20px
}
.widget-wrap ul{
    margin:0;
    padding-left:0
}
.sidebar .form-control{
    background-color:#f5f5f5;
    border-color:#f5f6f7;
    color:#404040;
    height:40px;
    padding:6px 12px
}
.sidebar .form-control:focus{
    box-shadow:none
}
.widget-wrap.categories li a{
    padding:6px 0
}
.widget-wrap li a{
    display:block;
    text-transform:capitalize;
    font-size:14px
}
.widget-wrap li a small{
    float:right
}
.widget-wrap.flickr-feed li{
    float:left;
    margin:0 8px 10px 0
}
.widget-wrap.flickr-feed li a{
    border:1px solid transparent;
    display:block;
    border-radius:3px;
    overflow:hidden
}
.tag-cloud li{
    float:left;
    margin:0 10px 10px 0
}
.widget-wrap.tag-cloud a{
    border:1px solid #e7e8ec;
    display:inline-block;
    line-height:normal;
    padding:10px 15px
}
.to-top{
    border-radius:0;
    bottom:-150px;
    color:#fff;
    font-size:22px;
    height:30px;
    position:fixed;
    right:3%;
    width:30px;
    z-index:999
}
.create-accnt,.modal-content{
    border-radius:4px
}
.login-wrap{
    display:inline-block;
    padding:30px 45px;
    width:100%
}
.login-form .btn-1{
    font-weight:900;
    width:100%;
    height:55px
}
.close-btn{
    color:#fff;
    font-size:24px;
    font-weight:300;
    opacity:1;
    position:absolute;
    right:0;
    top:-30px
}
.modal-dialog{
    margin:100px auto;
    width:470px
}
.login-form{
    border-top:1px solid #eaeaea;
    display:inline-block;
    margin-top:18px;
    padding-top:30px;
    width:100%
}
.login-form .form-control{
    height:55px
}
.login-form::before{
    height:1px;
    left:25%;
    margin:auto;
    position:absolute;
    top:-1px;
    width:50%
}
.create-accnt{
    background-color:#222;
    display:inline-block;
    margin-bottom:-1px;
    padding:25px 20px 20px;
    width:100%;
    margin-top:25px
}
.search-popup{
    background:rgba(255,255,255,.95);
    display:none;
    height:100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999999
}
.search-popup>div{
    height:100%;
    width:100%;
    display:table;
    table-layout:fixed
}
.popup-box-inner{
    display:table-cell
}
.close-search{
    position:absolute;
    top:1rem;
    right:1rem;
    border:1px solid #222;
    color:#222;
    font-size:2rem;
    line-height:4rem;
    width:4rem;
    transition:color 250ms,border-color 250ms
}
.close-search:hover{
    color:#999;
    border-color:#999
}
.search-popup form{
    max-width:70%;
    margin:0 auto
}
.search-popup .search-query{
    border:0;
    background:0 0;
    color:#c7c7c7;
    line-height:5rem;
    border-bottom:2px solid #e7e8ec;
    height:6rem;
    font-style:italic;
    width:100%;
    outline:0
}
.search-popup .search-query:focus{
    background:0 0;
    border:0;
    border-bottom:2px solid #262626
}
.about-page .about-wrap,.prod-info li:last-child{
    border-bottom:0
}
.more-about{
    border:1px solid #eaeaea;
    padding:28px 35px 18px
}
.more-about:before{
    margin:-1px auto auto;
    height:1px;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:50%
}
.about-page .about-wrap .bg-text{
    top:1%
}
.tracking-form .form-control{
    height:55px;
    text-transform:none
}
.prod-info li{
    border-bottom:1px solid #3e3e3e;
    padding:21px 30px
}
.prod-info .title-2{
    display:inline-block;
    width:38%
}
.prod-info .fs-16{
    display:inline-block;
    width:60%
}
.progress-wrap{
    display:inline-block;
    position:relative;
    width:100%
}
.border-left,.border-right,.contact-form::before,.map-indicator,.marker-1,.marker-2,.marker-3,.progress-wrap .dot{
    position:absolute
}
.progress-status{
    margin-bottom:23px
}
.border-right{
    border-bottom:5px dotted #efefef;
    right:0;
    width:37%;
    margin-right:25px
}
.border-left{
    border-top:5px dotted #d5d5d5;
    margin-left:25px;
    width:55%
}
.progress-wrap .dot{
    border-radius:50%;
    height:15px;
    top:-5px;
    width:15px
}
.dot-left{
    left:0;
    background-color:#222
}
.dot-right{
    background-color:#efefef;
    right:0
}
.progress-wrap .themeclr-border{
    border-radius:50%;
    border-style:solid;
    border-width:2px;
    height:23px;
    left:58%;
    position:absolute;
    top:-10px;
    width:23px
}
.progress-wrap .dot-center{
    bottom:0;
    left:0;
    margin:auto;
    right:0;
    top:0
}
.progress-content p b{
    padding:0 5px
}
.contact-form::before{
    background-color:#e5e5e5;
    bottom:0;
    content:"";
    height:30%;
    left:-20%;
    margin:auto;
    top:0;
    width:1px
}
.contact-page .contact-detail span{
    width:40%
}
.contact-page .contact-detail p{
    width:58%
}
.map .map-canvas{
    height:500px
}
#map-canvas{
    height:100%;
    margin:0;
    padding:0
}
.map-indicator{
    height:100%;
    left:0;
    top:0;
    width:100%
}
.marker-1{
    left:20%;
    top:35%
}
.marker-2{
    right:19%;
    top:18%
}
.marker-3{
    left:53%;
    top:64%
}
.error-wrap .section-title{
    font-size:160px;
    line-height:1.1
}
.theme-countdown>span{
    color:#fff;
    font-size:50px;
    margin-right:6px
}
.theme-countdown>span+span{
    padding-left:25px
}
.countdown-wrap .social-icons{
    margin-left:5px
}
.footer-main{
    border-top: solid 5px #00715d;
}
.footer-main .theme-container{
    /*background-image:url(../img/pattern/footer-top-bg.webp);*/
    background: #161616;
}
.footer-widget ul li a{
    font-size:14px;
    color: #ffffff;;
}
.footer-widget li{
    padding:5px 0;
    font-size:14px;
    color: #ffffff;
}
.footer-main .contact-offices{
        background: url(../../images/contact-bg2.jpg);
    background-size: cover;
}
.footer-widget ul{
    margin:10px 0 0
}
.footer-widget .logo{
    max-width:175px
}
.footer-widget h3.title-1{
    color: #00715d;
}

  .testimonial-card {
    border: 2px solid #00715d; /* Accent border */
    border-radius: 20px;
    padding: 25px 20px;
    background: #f4f4f4;
    /*box-shadow: 0 6px 15px rgba(0,0,0,0.08);*/
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
  }
  .testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.12);
  }
  .testimonial-text {
    font-style: italic;
    font-size: 2rem;
    color: #555;
    margin-bottom: 15px;
  }
  .testimonial-stars i {
    color: #f1c40f; /* gold stars */
    margin-right: 2px;
  }
  .testimonial-author {
    font-weight: bold;
    margin-top: 10px;
    color: #222;
  }

.social-icons li a{
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    display:inline-block;
    font-size:14px;
    height:35px;
    line-height:32px;
    margin-right:5px;
    text-align:center;
    width:35px
}
.payment-icons>li{
    padding-right:3px
}
.footer-bottom{
    background-color:#222;
    padding:20px 0
}
.about-wrap ul{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 8px;
    margin-bottom: 30px;
}
.about-wrap ul li{
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    font-weight: 600;
}
.about-wrap ul li i{
    color: #00715d;
    font-size: 20px;
}
.colorspan{
    color: #00715d;
}
.cta{
    background: #00715d;
    padding: 15px 15px;
    color: #ffffff;
    border-radius: 30px;
    font-size: 16px;
}
.cta:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #000000;
}
.cta i{
    font-size: 15px;
    margin-left: 5px;
}

.cta2{
    border: 2px solid #00715d;
    padding: 15px;
    border-radius: 30px;
    color: #00715d;
    text-decoration: none;
}

.cta2:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #000000;
}
.cta2 i{
    font-size: 15px;
    margin-left: 5px;
}

.banner h2{
    margin-bottom: 40px;
}

.footer-main h3{
        text-align: center;
    }

/* Common styles for moving icons */
.banner .icon {
      position: absolute;
      width: 48px;
      height: 48px;
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 0.9;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    /* Truck animation */
    .icon.truck {
      bottom: 0px;
      left: -60px;
      background-image: url('../../images/truck.png');
      animation-name: drive-truck;
      animation-duration: 12s;
      animation-delay: 0s;
    }
    @keyframes drive-truck {
      from   { left: -60px; }
      to     { left: 110%; }
    }

    /* Airplane animation */
    .icon.plane {
      top: 40px;
      left: -60px;
      background-image: url('../../images/airplane-take-off--v1.png');
      animation-name: fly-plane;
      animation-duration: 16s;
      animation-delay: 4s;
    }
    @keyframes fly-plane {
      0%   { left: -60px;  transform: translateY(0); }
      50%  { transform: translateY(-30px); }
      100% { left: 110%; transform: translateY(0); }
    }

    /* Ship animation */
    /*.icon.ship {
      bottom: 180px;
      left: -60px;
      background-image: url('https://icons8.com/icon/F7RyiLawZwV9/container-ship');
      animation-name: sail-ship;
      animation-duration: 20s;
      animation-delay: 8s;
    }
    @keyframes sail-ship {
      from   { left: -60px; transform: translateY(0); }
      25%    { transform: translateY(5px); }
      50%    { left: 110%; }
      75%    { transform: translateY(-5px); }
      to     { transform: translateY(0); }
    }*/

@media (max-width:1200px){
    .theme-container{
       /* padding-left:15px;
        padding-right:15px*/
    }
}
@media (min-width:768px){
    .theme-menu li .dropdown-menu{
        opacity:0;
        visibility:hidden;
        display:block;
        border-radius:3px;
        transform:translateY(50px);
        -webkit-transform:translateY(50px);
        -ms-transform:translateY(50px);
        transition:.3s;
        -webkit-transition:.3s;
        -ms-transition:.3s
    }
    .theme-menu>li:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0)
    }
    .theme-menu .dropdown-menu li:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        transform:translateX(0);
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0)
    }
    .theme-menu .dropdown-menu li .dropdown-menu{
        left:100%;
        top:0;
        margin-right:25px;
        transform:translateX(-50px);
        -webkit-transform:translateX(-50px);
        -ms-transform:translateX(-50px)
    }
    .header-style2{
        position:absolute;
        top:0;
        width:100%;
        z-index:11
    }
    .header-style2 .menu-bar{
        background-color:rgba(0,0,0,0)
    }
}
@media (min-width:992px) and (max-width:1199px){
    .feature-content{
        width:80%
    }
    .about-2 .bg-text{
        top:10%
    }
    .contact-2 .contact-detail span{
        width:42%
    }
    .contact-2 .contact-detail p{
        width:55%
    }
}
@media (min-width:768px) and (max-width:991px){
    .contact-num{
        margin:0 135px 0 0
    }
    .theme-menu>li{
        padding:5px 15px
    }
    .theme-menu>li:last-child{
        padding:0
    }
    .top-bar2 .navbar-logo{
        display:table;
        margin:auto auto 15px;
        text-align:center
    }
    .prod-delivery::before{
        width:60%
    }
    .pricing-box{
        display:table;
        margin:auto auto 50px
    }
    .pricing-wrap .bg-text{
        top:4%
    }
    .pricing-wrap .col-md-4:last-child .pricing-box{
        margin-bottom:0
    }
    .feature-content{
        width:80%
    }
    .feature-2 img{
        margin-right:10px
    }
    .about-2 .bg-text{
        top:8%
    }
    .contact-2 .contact-detail>li{
        padding-left:20%
    }
    .more-about{
        padding:28px 15px 18px
    }
    .contact-form::before{
        left:-10%
    }
    .contact-page .contact-detail{
        margin:0;
        padding:0
    }
    .prod-info li{
        padding:15px 30px
    }
    .prod-info .title-2{
        width:45%
    }
    .prod-info .fs-16{
        width:54%
    }
    .map .map-canvas{
        height:400px
    }
    .comment-author .avatar{
        top:0
    }
    .comment-metadata{
        padding-left:80px;
        display:block
    }
    .comment-content{
        margin:15px 0 0;
        width:100%
    }
    .footer-widget:nth-child(-n+2){
        margin-bottom:30px
    }
}
@media (max-width:767px){
    .banner{
        /*background-image:url(../img/background/banner-1-mob.webp);*/
    }
    .banner h1.section-title{
                    background: #0000006b;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    line-height: 32px;
                }

    .about-wrap{
        /*padding: 0 15px;*/
    }
    .footer-main h3{
        text-align: left;
    }
    .about-us .cta,.about-us .cta2{
        display: inline-block;
        margin-bottom: 15px;
    }
    .about-us .cta span{display: none;}
    .banner h2{
        font-size: 26px;
    }
    .navbar-logo img{
        max-width:150px
    }
    .header-style3 .theme-menu{
        float:left;
        margin-left: 0px;
    }
    .pad-120,.pb-120{
        padding-bottom:60px
    }
    .pad-120,.pt-120{
        padding-top:60px
    }
    .header-style3 .menu-bar{
        padding:10px 0;
        position:absolute;
        width:100%;
        top:0;
        background:#fff;
        border-bottom:2px solid #0057a7
    }
    .theme-menu>li>a{
        color:#00715d;
        font-size: 16px;
    }
    .banner,.theme-breadcrumb{
        margin-top:68px
    }
    .breadcrumb-menubar,.top-bar2{
        display:none
    }
    .header-style3 .menu-bar img{
        width:120px
    }
    .wow{
        animation-name:none!important;
        visibility:visible!important
    }
    .fs-48,.section-title{
        font-size:24px
    }
    .post-title,.product-title,.title-3,.widget-title{
        font-size:18px
    }
    .bg-text{
        font-size:50px
    }
    .fs-16,.post-wrap p{
        font-size:14px
    }
    .fs-20{
        font-size:16px
    }
    .fs-26{
        font-size:20px
    }
    .fs-36,.theme-countdown>span{
        font-size:30px
    }
    .fs-50{
        font-size:36px
    }
    .pad-100,.pad-80,.pb-100,.pb-80{
        padding-bottom:50px
    }
    .pad-100,.pad-80,.pt-100,.pt-80{
        padding-top:50px
    }
    .pad-10,.pt-10{
        padding-top:10px
    }
    .pad-10,.pb-10{
        padding-bottom:10px
    }
    .pad-50,.pt-50{
        padding-top:30px
    }
    .pad-50,.pb-50{
        padding-bottom:30px
    }
    .contact-num{
        margin:20px 120px 0 0;
        text-align:left
    }
    .delivery-img,.footer-bottom p,.progress-content div,.top-bar2 ul{
        text-align:center
    }
    .sign-in{
        top:auto;
        bottom:0
    }
    .theme-menu{
        float:left;
        padding-top:17px
    }
    .theme-menu li.open .dropdown-menu{
        display:block;
        padding-left:20px
    }
    .header-style3 .theme-menu .search,.theme-menu .search{
        margin:20px 0 0 20px
    }
    .menu-bar .navbar-collapse{
        box-shadow:none
    }
    .header-style2 .menu-bar{
        background-color:#222
    }
    .header-style2 .theme-menu .dropdown-menu>li>a,.header-style3 .theme-menu .dropdown-menu>li>a:focus,.header-style3 .theme-menu .dropdown-menu>li>a:hover{
        color:#fff
    }
    .top-bar2 .navbar-logo{
        display:table;
        margin:auto auto 15px;
        text-align:center
    }
    .top-bar2 ul li,.tracking-form .title-1{
        display:block
    }
    .top-bar2 ul li+li{
        border-left:0;
        margin:25px 0 0;
        padding:0
    }
    .header-style3 .sign-in{
        float:left;
        width:180px
    }
    .header-style3 .navbar-toggle{
        margin:6px 0 0
    }
    .track-prod{
        margin:0px 0px 0
    }
    .prod-delivery::before{
        width:70%
    }
    .delivery-img{
        bottom:0;
        left:15px;
        margin:auto;
        right:15px;
        top:0
    }
    .feature-2 .col-sm-4:nth-child(-n+2){
        margin-bottom:25px
    }
    .feature-content{
        width:80%
    }
    .pricing-box{
        display:table;
        margin:auto auto 50px
    }
    .pricing-wrap .col-md-4:last-child .pricing-box{
        margin-bottom:0
    }
    .modal-dialog{
        margin:100px 15px;
        width:auto
    }
    .pagintn>li a{
        height:45px;
        padding:15px
    }
    .comment-author .avatar{
        top:0
    }
    .comment-metadata{
        padding-left:80px;
        display:block
    }
    .comment-content{
        margin:15px 0 0;
        width:100%
    }
    .more-about-wrap .col-md-4:nth-child(-n+2){
        margin-bottom:50px
    }
    .error-wrap .section-title{
        font-size:80px
    }
    .tracking-form span{
        margin-bottom:20px;
        display:inline-block;
        width:100%
    }
    .progress-wrap{
        margin-left:16.6667%
    }
    .progress-content div{
        margin:20px 0
    }
    .border-left{
        border-top:3px dotted #d5d5d5;
        margin-left:0;
        width:29%
    }
    .progress-status::before{
        border-bottom:3px dotted #d5d5d5;
        content:"";
        position:absolute;
        top:42%;
        width:65%
    }
    .progress-status::after{
        border-left:3px dotted #d5d5d5;
        content:"";
        height:40%;
        left:-3px;
        position:absolute;
        top:5px;
        width:2px
    }
    .border-right{
        border-bottom:3px dotted #efefef;
        left:34%;
        margin-right:0;
        top:80%;
        width:31%
    }
    .progress-wrap .themeclr-border{
        left:30%;
        top:39%;
        background-color:#fff
    }
    .progress-wrap::after{
        border-left:3px dotted #efefef;
        content:"";
        height:38%;
        left:66%;
        position:absolute;
        top:42%;
        width:3px
    }
    .dot-left{
        left:30%
    }
    .dot-right{
        margin-top:2px;
        right:66%;
        top:78%!important
    }
    .map .map-canvas{
        height:300px
    }
    .footer-widget{
        margin-bottom:30px
    }
    .footer-widget .ec-footer-links img{
        width:250px;
        margin-top:15px
    }
}
@media (max-width:479px){
    .contact-2 .contact-detail span,.contact-detail span{
        width:50%
    }
    .contact-2 .contact-detail p,.contact-detail p{
        width:48%
    }
    .contact-2 .contact-detail>li{
        padding-left:0
    }
    .price-content{
        padding:55px 30px 0
    }
    .pricing-box .title-wrap{
        padding:15px 30px
    }
    .pricing-box:hover .order span{
        left:0
    }
    .order span{
        margin:-1px auto
    }
    .price-content-2 li{
        padding:18px 5%
    }
    .theme-countdown{
        font-size:12px
    }
    .theme-countdown>span+span{
        padding-left:10px
    }
    .theme-countdown>span{
        font-size:20px;
        margin-right:0
    }
}