h1, h2,h3,h4,h5,h6 .hero-title {
  font-family: 'Montserrat', sans-serif;
}

body, p, .description, .buttons {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #777;
/* overflow-x: hidden; */
margin: auto;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 700;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
    border-right: 5px solid rgba(0, 0, 0, 0.08);
    border-bottom: 5px solid rgba(0, 0, 0, 0.08);
    border-left: 5px solid #1F4F6F;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #1F4F6F none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 100px 0 }
/*START SECTION TITLE DESIGN*/
.section-title {
    width: 850px;
    margin: 0 auto;
}
.section-title  h2 {
font-size: 40px;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 30px;
margin-top: 0;
position: relative;
}
.section-title h2 strong{
    color: #1F4F6F;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
}
.section-title img{
    width: 50%;
    margin-bottom: 30px;
}
.section-title span {
    font-size: 15px;
    text-transform: uppercase;
    color: #26adf0;
    margin-bottom: 10px;
    display: block;
}
.line{
border-bottom: 1px dashed #777;
display: block;
margin: 15px auto;
width: 80px;
position:relative;
}
@media only screen and (max-width:480px) { 
.section-title  p{padding:0 15px}
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.row.top-header {
    display: flex;
}

.row.top-header .col-md-6 {
    display: flex;
    justify-content: end;
    gap: 20px;
    padding: 0;
}
.row.top-header .col-md-6:first-child {
    justify-content: flex-start;
}
.row.top-header .social-link:hover{
    color:#1F4F6F;
}
.row.top-header .social-link{
    color:#fff;
    display: inline-block;
    padding: 0 10px;
    font-size: 18px;
}
.row.top-header .top-icon a{
    color:#fff;
    display: inline-block;
    font-size: 15px;
}
.row.top-header .top-icon a:hover{
    color:#1F4F6F;
}
.row.top-header .top-icon a i{
    padding-right:10px;
}
.navbar-default .container {
    width: 1300px;
}
.navbar-default.menu-shrink .row.top-header {
    display: none;
}
.navbar-default {
    position: relative;
    background-color: #1F4F6F  !important;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 15px 0;
    background: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #26adf0 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {
    width: 250px;
}
/* .navbar-default .navbar-brand img.light-logo {
    display: none;
}

.navbar-default.menu-shrink .navbar-brand img.dark-logo {
    display: none;
}

.navbar-default.menu-shrink .navbar-brand img.light-logo {
    display: block;
} */
.navbar-default .navbar-drop,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #fff !important;
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    margin: 0;
}
.navbar-drop {
    display: flex !important;
    width: auto;
    max-width: 1200px; 
    margin: 0 auto; 
     display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; 
}

.navbar-drop nav {
    flex: 6;
    text-align: center;
}

.navbar-drop .amazon-seller-cta-contianer {
    flex: 2;
    text-align: right;
}
.navbar-right{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    float: unset !important;
    width: 100%;
}
.menu-top a.single_feature_btn_light{
    padding: 10px 15px;
}
.menu-top a.single_feature_btn_light {
    color: #fff !important;
    background-color: #26adf0;
    padding: 10px 30px;
    border-radius: 50px;
    border: 1px solid #26adf0;
}
.menu-top a.single_feature_btn_light:hover {
    background-color: #fff;
    color: #26adf0 !important;
}
.menu-top a.single_feature_btn_light.white {
    color: #26adf0 !important;
    background-color: #ffffff00;
    padding: 10px 30px;
    margin-right: 10px;
    height: 100%;
    display: block;
    border-radius: 50px;
}
.menu-top a.single_feature_btn_light.white:hover {
    background-color: #26adf0;
    color: #fff !important;
}
.menu-top a:hover { color: #26adf0 !important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
background:#1F4F6F !important;
position: fixed;
padding: 10px 0;
width: 100%;
margin-top:0px;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a {color: #fff !important; }
.navbar-default.menu-shrink li a:hover { color: #26adf0 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #1F4F6F }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home-two-hero-counter-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;
    display: flex;
    grid-column-gap: 90px;
    grid-row-gap: 90px;
}
.home-two-hero-counter-wrapper .counter-div {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    gap: 15px;
}
.home-two-hero-count-line {
    background-color: #26adf0;
    width: 1px;
    height: 93px;
}
.home-two-hero-counter-wrapper .counter-div .numbers {
    font-size: 34px;
    font-weight: 600;
    color: #1F4F6F;
}

.home-two-hero-counter-wrapper .counter-div 
.home-two-hero-counter-sub-text {
    font-size: 16px;
    color: #777;
    padding-top: 13px;
}
.price-span {
    position: absolute;
    bottom: -50px;
    left: -35px;
    padding: 20px;
    background-color: #1F4F6F;
    display: flex;
    flex-direction: column;
    width: 35%;
    text-align: left;
    color: #d5d5d5;
    border-radius: 10px;
    transform-style: preserve-3d;
    animation: floatUpDown 2s ease-in-out infinite;
}
.price-span .price-title {
    font-size: 19px;
    margin-bottom: 15px;
    color: #fff;
}

.price-span .month {
    font-size: 15px;
    margin-bottom: 5px;
    color: #c0bdbd;
}

.price-span .money {
    font-size: 19px;
    color: #fff;
}
@keyframes floatUpDown {
    0% {
        transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }
    50% {
        transform: translate3d(0, -10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }
    100% {
        transform: translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    }
}
.amazing_feature .col-md-4 {
    height: 395px;
    margin-bottom: 20px;
}
.single-serice {
    padding: 40px 30px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    height: 100%;
    transition: background-color 0.3s ease;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.single-serice:hover {
    transform: scale(1.1);
    background-color: #1F4F6F;
}
.about-us .service-why-choose-list-item {
    display: flex;
    align-items: center;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.about-us span.heading {
    font-size: 25px;
    margin-bottom: 30px;
    font-weight: 600;
    text-transform: capitalize;
}
.about-us .service-two-solution-title {
    font-size: 20px;
    font-weight: 600;
    color: #1F4F6F;
}

.single-serice:hover h3, .single-serice:hover p {
    color: #fff;
}
.single-serice:hover a{
    background-color: #fff;
    color: #1F4F6F;
}
.single-serice h3 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 30px;
}

.single-serice p {
    font-size: 15px;
    margin-bottom: 15px;
}
.col-md-4 .single-serice a{
    position: absolute;
    bottom: 40px;
}

.single-serice a {
    background: #26adf0 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    outline: medium none !important;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    display: inline-block;
}
.home_bg {
    background-image: linear-gradient(#26adf099 30%, #1f4f6f3b 50%, #fff 85%);
    background-position: 76% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}
.image-fluid{
    max-width: 100%;
}
.mb-20{
    margin-bottom: 20px;
}
/* movecircles Animation */
@-webkit-keyframes movecircles {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }
@-moz-keyframes movecircles {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }
@keyframes movecircles {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }
@media only screen and (max-width:768px) { 
.home_bg {height: 1048px;}
}

@media only screen and (max-width:480px) { 
.home_bg {height: 1150px;}
}
@media only screen and (max-width:414px) { 
.home_bg {height: 1150px;}
}
@media only screen and (max-width:375px) { 
.home_bg {height: 1150px;}
}

@media only screen and (max-width:360px) { 
.home_bg {height: 1100px;}
}
@media only screen and (max-width:320px) { 
.home_bg {height: 1100px;}
}
.hero-text h1 {
    color: #1F4F6F;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 64px;
    text-transform: capitalize;
    margin: 0;
}
.hero-text span.banner-tag {
font-size: 18px;
color: #26adf0;
text-transform: uppercase;
font-weight: 600;
}
.hero-text h2 {
color: #fff;
font-size: 48px;
font-weight: 400;
letter-spacing: 0;
line-height: 64px;
padding-top: 200px;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
font-size: 40px;
line-height: 46px;
padding-top:0px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 0px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
    color: #383838;
    font-size: 18px;
    line-height: 30px;
}
.home_btn{
margin-left: -10px;
margin-top: 30px;
}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
color: #fff;
display: inline-block;
padding: 10px 30px;
margin: 0 10px 15px;
transition: all 0.3s ease 0s;
}
.home_btn a:last-child{
background:#26adf0;    
border-color:#26adf0;
}
.home_btn a:hover{
background:#1F4F6F;
color:#fff;
border-color:#1F4F6F;
}
.home_btn a i{
font-size: 20px;
margin-right: 5px;
vertical-align: middle;
}

.hero-text-img {
    padding-top: 150px;
}
.hero-text-img img {
  width: 406px;
}
@media only screen and (max-width:768px) { 
.hero-text-img{padding-top: 150px; }
}
@media only screen and (max-width:480px) { 
.hero-text-img{
display: inline-block;
padding-top: 112px;
}
.hero-text-img img {width: 100%;}
}
@media only screen and (max-width:414px) { 
.hero-text-img{padding-top: 138px; }
}
@media only screen and (max-width:375px) { 
.hero-text-img{padding-top: 128px; }
}
@media only screen and (max-width:360px) { 
.hero-text-img{padding-top: 116px; }
}
@media only screen and (max-width:320px) { 
.hero-text-img{padding-top: 171px; }
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about-content{background:#FFF;position:relative;}
.works-div{
    display: flex;
    align-items: center;
    /* margin-bottom: 20px; */
}
.works-div .work-img{
    flex: 6;
}
.works-div .work-img img{
    height: 265px;
    object-fit: cover;
}
.works-div .work-content{
    flex:4.85;
    padding: 30px;
    height: 265px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0s;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* .works-div .work-content:hover {
    background-color: #1F4F6F;
} */
.works-div .work-content h3{
    margin-top: 0;
}
.works-div .work-content p{
    margin: 0;
}
/* .works-div .work-content:hover h3, .works-div .work-content:hover p{
    color: #fff;
} */

.works h2{
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
}
.works ul li > i {
    color: #1F4F6F;
    margin-right: 10px;
    font-size: 20px;
}
.works .mid-image{
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.works .top-img {
    position: absolute;
    right: 15px;
    top: -55px;
}
.works .bottom-img {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 15px;
    width: 55%;
    border-radius: 20px;
}
.works li {
    font-size: 20px;
    line-height: 35px;
}
@media only screen and (max-width:768px) { 
.howwork{padding: 60px 28px;}
}
.howwork:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
.single_about:hover i{
background: #1F4F6F none repeat scroll 0 0;
border: 1px solid #1F4F6F;
color: #fff;
}
.single_about i{
border: 1px solid #eee;
border-radius: 100px;
color: #1F4F6F;
font-size: 30px;
height: 80px;
line-height: 80px;
margin-bottom: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
}
.single_about h4{
font-size: 18px;
font-weight: 500;
margin-top: 0;
text-transform: capitalize;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 05.START FEATURE ONE AND FEATURE TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.feature-one{
    background-color:#fff;
    position: relative;
}
.feature-one h2 {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
}
.feature-one span {
    font-size: 15px;
    text-transform: uppercase;
    color: #1F4F6F;
    margin-bottom: 10px;
    display: block;
}
.single_feature_img{text-align: center;}
.single_feature_img img{
display: inline-block;
width:100%;}
/*.single_feature_one{padding-top: 170px;}*/
@media only screen and (max-width:768px) { 
.single_feature_one{padding-bottom: 50px;
padding-top: 0;}
}
.single_feature_one h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_one ul i{
    color: #1F4F6F;
    margin-right: 10px;
    font-size: 20px;
}
.single_feature_one p{margin: 20px 0;}
.single_feature_one ul {
    list-style: none;
    margin: 0 0 25px 0;
}
/*START FEATURE TWO DESIGN*/
.feature-two{}
.single_feature_two{padding-top: 170px;}
@media only screen and (max-width:768px) { 
.single_feature_two{padding-top: 50px;}
}
@media only screen and (max-width:480px) { 
.single_feature_two{padding-bottom: 0;
padding-top: 50px;}
}
.single_feature_two h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_two p{margin: 30px 0;}
.single_feature_two_img{}

.single_feature_two_img img{}
/*END FEATURE TWO DESIGN*/
.single_feature_btn_light{
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
border: none;
}
.single_feature_btn_light:hover,
.single_feature_btn_light:focus {
    background: #1F4F6F;
    color: #fff;
}
.ms-wrapper button:hover {
    border-color: #1F4F6F;
    color: #1F4F6F;
}
/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE ONE AND FEATURE TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 06.START AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.amazing_feature {
    background-color: #fff;
    padding:100px 0;
    position:relative;
}
.amazing_feature h2{
    color:#333;
}
.single_feature {
    background-position: center;
    background-size: cover;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    padding: 40px 30px;
    height: 100%;
    transition: all 0.3s ease 0s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.single_feature.how:hover{
    background-color: #1F4F6F;
}
.single_feature.how:hover:before {
    opacity: 0;
}
.single_feature.light:hover {
    background: #26adf0 !important;
    color: #fff;
}
.single_feature.dark:hover {
    background: #1F4F6F !important;
    color: #fff;
}
.single_feature.mdark:hover {
    background: #051a28 !important;
    color: #fff;
}
.single_feature.how:hover h3, .single_feature.how:hover p, .single_feature.how:hover a{
    color: #fff;
}
.single_feature p{
    font-size: 15px;
    margin: 0;
    z-index: 1;
}
.single_feature ul {
    list-style: none;
    font-size: 14px;
    line-height: 2;
}
ul {
    list-style: none;
    font-size: 16px;
    line-height: 2;
}
.owl-carousel .col-md-4 {
    width: 100%;
}
.single_feature img.icon{
    height:70px;
    width:70px !important;
    object-fit:cover;
}
.single_feature i {
    color: #1F4F6F;
    margin-right: 10px;
    font-size: 20px;
}
.single_feature.how:hover li, .single_feature.how:hover i{
	color:#fff;
}
.single_feature h3 {
    text-transform: uppercase;
    font-size: 22px;
    line-height: 35px;
    z-index: 1;
}
.single_feature span {
border-bottom: 1px dashed #ccc;
display: block;
margin: 15px auto 10px;
width: 80px;
}
.single_feature p { margin-bottom: 0 }
.single_feature.home {
    flex-direction: row;
    padding: 50px;
    margin: 0;
    gap: 20px;
    transition: all 0.3s ease 0s;
}
.single_feature.home:hover {
    background-color: #1F4F6F;
}
.single_feature.home:hover h3, .single_feature.home:hover p, .single_feature.home:hover strong, .single_feature.home:hover ul li, .single_feature.home:hover i{
    color:#fff !important;
}
.single_feature.home .content.right {
    max-width: 60%;
}
.single_feature.home .content.left
{
    max-width: 40%;
}
.single_feature.home .content.left a{
    padding: 10px 20px;
    background-color: #26adf0;
    color: #fff;
    display: inline-block;
    /* margin-top: 20px; */
}
.single_feature.home .content.left a:hover{
    background-color: #1F4F6F;
}
.single_feature.home h3{
    margin-top:0;
}
.single_feature.home .content.right p > strong {
    font-size: 22px;
    color: #1F4F6F;
}
.single_feature.home .content.right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single_feature.home ul{
    margin:20px 0;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_how_it_work {
  padding-bottom: 60px;
}
.single_how_work{
padding: 60px;
}
.single_how_work h4 {
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: uppercase;
}
.single_how_work span{
border-bottom: 1px dashed #777;
display: block;
margin: 15px 0;
position: relative;
width: 80px;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/.s-slider .item { margin: 5px }
.s-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #1F4F6F !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 20px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video {
position: relative;
}
.about_video:before {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.video-container h3 {
color: #fff;
font-weight: 400;
margin-top: 110px;
text-transform: uppercase;
margin-bottom: 0;
}
@media only screen and (max-width:320px) { 
    .video-container h3 { font-size: 20px }
}
.play-video {
background-color: #1F4F6F;
border-radius: 500px;
cursor: pointer;
height: 100px;
left: 51%;
margin-left: -63px;
position: absolute;
transition: all 0.2s ease 0s;
width: 100px;
}

@media only screen and (max-width:768px) { 
.play-video{ margin-left: -63px;}
}

@media only screen and (max-width:480px) { 
.play-video{ margin-left: -55px;}
}

@media only screen and (max-width:375px) { 
.play-video{ margin-left: -53px;}
}


.video-container a { display: inline-block }
.video-container a:hover .play-video {
    background: #1F4F6F;
    color: #fff;
}
.video-container a:hover .fa-play { color: #fff }
.play-video .fa-play {
color: #fff;
font-size: 40px;
left: 40px;
position: absolute;
top: 30px;
}
.modal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 100px;
    text-align: center;
    box-shadow: none;
    border: none;
}
.modal-content iframe { border: none }
/*
* ----------------------------------------------------------------------------------------
* 09.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/.single-pricing {
background: #fff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
padding-bottom: 25px;
padding-top: 20px;
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom:40px}
}
.single-pricing-block{
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	background:#1F4F6F;
}
.block-caption small {
  color: #1F4F6F;
  font-size: 26px;
  position: relative;
  top: -17px;
}
.block-caption-white small{
	color:#fff;
    position: relative;
    top: -17px;
    font-size: 26px;
}
.single-pricing h4 {
  font-size: 16px;
  text-transform: uppercase;
}
.single-pricing ul {
  margin-bottom: 20px;
}
.single-pricing ul li{list-style:none;}
.single-pricing ul li {
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
font-size: 15px;
padding: 12px 0;
}
.single-pricing-block h4{color:#fff;}
.single-pricing-block h1{color:#fff;}
.block-caption {
  color: #1F4F6F;
}

.single-pricing-block ul li {
color:#fff;
    padding: 12px 0;
	font-size: 15px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.single-pricing-block ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 12px 0;
font-size: 15px;
}
.btn-pricing-bg {
background: #1F4F6F none repeat scroll 0 0;
border: 2px solid #1F4F6F;
border-radius: 500px;
color: #fff;
font-family: montserrat,sans-serif;
font-size: 12px;
padding: 10px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background:#1F4F6F;
    color: #fff;
    border: 2px solid #1F4F6F;
	box-shadow: 0 14px 26px -12px rgba(26, 188, 156, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 188, 156, 0.2);
}
.btn-pricing-bg-block{
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
color: #1F4F6F;
}
.btn-pricing-bg-block:hover,
.btn-pricing-bg-block:focus {
    background:#fff;
    color: #1F4F6F;
    border: 2px solid #fff;
	box-shadow: 0 14px 26px -12px rgba(26, 188, 156, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 188, 156, 0.2);
}
/*
* ----------------------------------------------------------------------------------------
* 10.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{background:#f8f8f8;}
.single_testimonial{
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 35px;
height: 335px;
}
.single_testimonial .testimonial-rating {
font-size: 16px;
color: #26adf0;
}
.testimonial_img{
margin-bottom: 10px;
overflow: hidden;
}
.testimonial_img img{
border: 4px solid #eee;
border-radius: 500px;
float: left;
margin-right: 10px;
width: 80px;
}
.testimonial_img h4 {
color:#1F4F6F;
font-weight: 700;
margin-bottom: 0;
margin-top: 15px;
overflow: hidden;
text-transform: capitalize;
}
.testimonial_img h5{
color: #777;
font-size: 16px;
font-weight: normal;
line-height: 26px;
margin-bottom: 0;
margin-top: 0;
overflow: hidden;
text-transform: capitalize;
} 

.testimonial-text p {
	margin-bottom: 20px;
}
.carousel-indicators li {
    border: 1px solid #333;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
    background: #333;
}
.carousel-indicators .active {
  background-color: #1F4F6F;
  border: 1px solid #1F4F6F;
  height: 12px;
  margin: 0 1px ;
  width: 12px;
}
.pricing {
    background-color:#f8f8f8;
}
.pricing .row{
    border-radius: 15px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}
.pricing .row .col-md-6 img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 0 15px 15px 0;
    filter: grayscale(1);
}
.pricing .section-title{
width: auto;
}
.pricing .section-title h2 span{
    color:#1F4F6F;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
}
    .pricing-card {
      padding: 40px;
      border-radius: 16px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
      background-color: #ffffff;
    }
    .pricing-card ul {
      list-style: none;
      padding: 0;
    }
    .pricing-card ul li {
      font-size: 16px;
      margin: 10px 0;
      display: flex;
      align-items: center;
      justify-content: flex-start;
    }
    .pricing-card ul li i {
        color: #1F4F6F;
        margin-right: 10px;
        font-size: 20px;
    }
    .pricing-card p {
      margin-top: 25px;
      font-size: 16px;
      color: #444;
    }
    .call-action {
    padding: 50px 0;
    background-color: #1F4F6F;
}

.call-action h3 {
    color: #fff;
    font-size: 35px;
}

.call-action p {
    color: #fff;
    font-size: 19px;
}
.call-action a.app-btn {
    font-size: 16px;
    color: #1F4F6F;
    padding: 20px 30px;
    background-color: #fff;
}
.call-action a.app-btn:hover{
    background-color:#1F4F6F;
    color: #fff;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }
.carousel-control { display: none }
.seller-boxs .seller-box{
    padding: 50px 40px;
    background-color: #f8f8f8;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    height: 412px;
    margin-bottom: 30px;
    transition: background-color 0.3s ease;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.seller-boxs.vendor .seller-box {
    height: 505px;
}
.seller-boxs .seller-box:hover {
    background-color: #1F4F6F;
}
.seller-boxs .seller-box:hover h3, .seller-boxs .seller-box:hover p, .seller-boxs .seller-box:hover li, .seller-boxs .seller-box:hover i{
    color:#fff;
}
.seller-boxs .seller-box i {
    color: #1F4F6F;
    margin-right: 10px;
    font-size: 20px;
}
.process{
    background-color: #1F4F6F;
    color: #fff;
    padding: 80px 0;
}
.process .content {
    background-color: #ffffffb5;
    border-radius: 5px;
    padding: 20px;
    transition: background-color 0.3s ease;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    height:250px;
    margin-top:20px;
}

.process .content:hover {
    background-color: #fff;
}
.process .step-process {
  position: relative;
  margin-top: 50px;
}

.process .step-item {
  position: relative;
  padding: 20px;
}

.process .step-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 58px;
  right: -50%;
  width: 100%;
  height: 2px;
  background-color: #fff;
    z-index: 1;
}

.process .step-icon {
  position: relative;
  width: 80px;
  height: 80px;
  background-color: #26adf0;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 10px;
  z-index:2;
}

.process .step-number {
  color: #fff;
  font-size: 45px;
  text-align: center;
  line-height: 20px;
}

.process .step-title {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    color: #000;
    height: 45px;
}

.process .step-desc {
    font-size: 16px;
    color: #000;
}
.process h2, .process p{
    color:#fff;
}
/* Responsive connector line adjustment */
@media (max-width: 767px) {
  .process .step-item:not(:last-child)::after {
    display: none;
  }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/ 
/*
* ----------------------------------------------------------------------------------------
* 12.START DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.download {background:#1F4F6F none repeat scroll 0 0;}
.download_icon h2 {
  color: #fff;
  font-weight: 400;
  margin-top: 0;
}
.download_icon span{
border-bottom: 1px dashed #fff;
display: block;
margin: 20px auto;
position: relative;
width: 80px;
}
.download_icon p{color:#fff;margin-bottom: 30px;}
.download_icon img { margin: 0 10px }
@media only screen and (max-width:480px) { 
    .download_icon img { margin-bottom: 10px }
}
/*
* ----------------------------------------------------------------------------------------
* 12.END DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .image-follow-wrapper {
  perspective: 1000px;
  margin: 0 auto;
}

.track-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.1s ease;
  transform-style: preserve-3d;
  border-radius: 12px;
}
 .accordion{
    width: auto;
    margin: 0 auto;
 }
 .accordion-item {
    background-color: #fff;
    /*border-bottom: 1px solid #00000033;*/
    margin-bottom: 3px;
}
.accordion-header{
    margin:0;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 20px;
    font-size: 18px;
    font-weight:500;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    line-height: 20px;
}
.accordion-button:not(.collapsed) {
    /*color: #fff;*/
    /*background-color: #1F4F6F;*/
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}
.accordion-button::after {
    flex-shrink: 0;
    font-size:25px;
    margin-left: auto;
    content: '\f107';
    font-family: 'FontAwesome';
    transition: transform .2s ease-in-out;
    color: #1F4F6F;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
    color:#fff;
}
.accordion-body {
    padding: 20px;
}
/* .template_faq{
    background-image: url(../../assets/img/cos-e-un-e-commerce-pro-e-contro.webp);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    padding:100px 0;
    position:relative;
}
.template_faq:before {
    background: rgba(0, 0, 0, 60%);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
    top: 0;
} */
.template_faq .section-title {
    width: auto;
}
.template_faq .section-title span {
    color: #Fff;
}
.section-title h2 strong{
    color:#26adf0;
}
.faq_desc { 
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.question { 
color: #333;
font-weight: 500;
margin-bottom: 15px;
}
.question span {
    background: #202020 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #1F4F6F  none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}

.services .us-shipping-carriers{
    margin-bottom: 32px;
    display: flex;
}
.services .us-shipping-carriers img {
    margin-right: 56px;
    width: 100%;
}
.services .logo p{
    font-size: 20px;
    line-height: 30px;
}
.services .contact{
    background-color: #1F4F6F;
}
.services .contact h3{
    color: #fff;
}
.services .contact p{
    color: #fff;
    margin-bottom: 20px;
}
.comingsoon{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #26adf0;
    width: 100%;
    text-align: center;
}
.comingsoon p{
    font-size: 16px;
    color: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 14.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.signup_form h3 {
  font-size: 40px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 0;
}
.signup_form input {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 0;
box-shadow: none;
color: #333;
float: left;
height: 50px;
margin-bottom: 30px;
width: 612px;
}
@media only screen and (max-width:768px) { 
.signup_form input {width:100%}
}
.signup_form input:hover, .signup_form input:focus{
box-shadow: none;
border:1px solid #e8e8e9;
border-radius: 0;
}
.signup_form button  {
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.signup_form button:hover,
.signup_form button:focus {
    background: #1F4F6F;
    color: #fff;
}

/* How It Works */
.single-page{
    background-image: linear-gradient(#26adf099 50%, #fff 100%);
    background-position: 76% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
    padding: 100px 0;
    overflow: hidden;
    position: relative;
}
img.img-fluid {
    max-width: 100%;
    height: auto;
}
.amazon_bg{
    background-image: linear-gradient(#26adf099 30%, #1f4f6f3b 50%, #fff 85%);
    background-position: 76% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
    padding: 120px 0 80px 0;
    overflow: hidden;
    position: relative;
}

.forit .row.forit-boxs {
    background-color: transparent;
    box-shadow: unset;
    margin-top: 20px;
}

.forit .row.forit-boxs .inner-box {
    padding: 40px 20px;
    text-align: center;
    background-color: #f8f8f8;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
    height: 310px;
    transition: background-color 0.3s ease;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.forit .row.forit-boxs .inner-box i {
    font-size: 50px;
    color: #1F4F6F;
}
.forit .row.forit-boxs .inner-box:hover {
    background-color: #1F4F6F;
}


.forit .row.forit-boxs .inner-box:hover h3, .forit .row.forit-boxs .inner-box:hover p, .forit .row.forit-boxs .inner-box:hover i{
    color: #fff;
}


.row.flex{
    display: flex;
    align-items: center;
}
.flex{
    display: flex;
}
.top-header{
    padding: 5px 0;
    background-color: #26adf0;
}
.top-header .container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-header .navbar-nav{
    margin: 0;
}
.top-header .navbar-nav>li.have-child{
    position: relative;
    z-index: 9999;
}
.top-header .navbar-nav>li a {
    padding: 0 12px;
    font-size: 13px;
    color: #fff;
    background-color: transparent;
}
.top-header .navbar-nav>li.have-child ol{
    top: 25px !important;
}
.top-header .container .top-logo {
    width: 15%;
}
.top-header .container .top-logo a {
    height: auto;
    line-height: 0px;
}
.top-header .container .top-logo img {
    width: 100%;
}
.navbar-default .nav-parent-container li.have-child ol{
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    list-style: none;
    padding: 0;
    position: absolute;
    top:82px;
    width: auto;
    transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease;
}
.navbar-default .navbar-nav>li.have-child ol, .top-header .navbar-nav>li.have-child ol{
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    list-style: none;
    padding: 0;
    position: absolute;
    top:67px;
    width: 380px;
    transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease;
}
.navbar-default .navbar-nav>li.have-child:hover > ol, .top-header .navbar-nav>li.have-child:hover > ol, .navbar-default .nav-parent-container li.have-child:hover > ol {
    opacity: 1;
    visibility: visible;
}

.navbar-default .navbar-nav>li.have-child ol li, .top-header .navbar-nav>li.have-child ol li, .navbar-default .nav-parent-container li.have-child ol li{
    padding: 5px 20px;
    border-bottom: 1px solid #d2d0d0;
    font-size: 15px;
    transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease;
    text-align: left;
}
.navbar-default .navbar-nav>li.have-child ol li a, .top-header .navbar-nav>li.have-child ol li a, .navbar-default .nav-parent-container li.have-child ol li a{
    color:#000 !important;
    width: 100%;
    display: block;
}
.navbar-default .navbar-nav>li.have-child ol li a span, .top-header .navbar-nav>li.have-child ol li a span{
    font-size: 10px;
    color: #26adf0;
    font-weight: 600;
}

.navbar-default .navbar-nav>li.have-child ol li:hover, .top-header .navbar-nav>li.have-child ol li:hover, .navbar-default .nav-parent-container li.have-child ol li:hover{
    background-color: #26adf0;
}

.navbar-default .navbar-nav>li.have-child ol li:hover a, .top-header .navbar-nav>li.have-child ol li:hover a ,.navbar-default .nav-parent-container li.have-child ol li:hover a{
    color: #fff !important;
}

.navbar-default .navbar-nav>li.have-child ol li:hover a span, .top-header .navbar-nav>li.have-child ol li:hover a span
{
    color: #1F4F6F;
}

#homeSlider::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Optional dark overlay */
    z-index: 1;
}
.carousel-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.carousel-inner .carousel-item {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.carousel-fade .carousel-item.active {
    opacity: 1;
    position: relative;
    /*z-index: 1;*/
}
.breadcrumb{
    background-color: transparent;
}
.breadcrumb a{
    color: #fff;
}
.breadcrumb a:hover{
    color:#26adf0;
}
.breadcrumb>.active{
    color:#26adf0;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 15.START CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_address .setup {
    margin: 20px 0;
}

.contact_address .setup li i {
    color: #1F4F6F;
    margin-right: 10px;
    font-size: 20px;
}

.contact_address .setup li {
    font-size: 16px;
    color: #1F4F6F;
}
.contact_area{
    background:#f8f8f8;
}
.contact {
background: #fff none repeat scroll 0 0;
padding: 50px;
}
@media only screen and (max-width:768px) { 
.contact {margin-bottom:40px;}
}
.input_padding {
    overflow: hidden;
    padding: 0 40px 56px;
}
.form-control {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
box-shadow: none;
color: #333;
height: 45px;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #fff;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg{
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #1F4F6F;
    color: #fff;
}
@media only screen and (max-width:320px) { 
    .btn-contact-bg { padding: 10px 25px }
}
.mb0 { margin-bottom: 0 }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
/*START CONTACT ADDRESS*/
.contact_address {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
padding: 50px;
}
.contact_address h2 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
}
.contact_address h3 {
    font-size: 20px;
    font-weight: 500;
}
.contact_address h3 span {
    color:#1F4F6F;
}
@media only screen and (max-width:768px) { 
.contact_address {height:auto;}
}
.single-address {
margin-bottom: 20px;
}
.single-address i {
    color: #1F4F6F;
    font-size: 22px;
    float: left;
    margin-right: 20px;
    width: 30px;
    height: 60px;
    line-height: 30px;
}
.single-address h4 {
font-weight: 500;
text-transform: capitalize;
margin:0;
}
.single-address p {
    color: #333;
    margin-bottom: 0;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.contact_social ul li { display: inline-block }
.contact_social ul li a {
border-radius: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 45px;
line-height: 45px;
margin-right: 3px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:320px) { 
.contact_social ul li a {margin-bottom: 3px; }
}
.contact_social ul li a:hover { color: #fff;background:#1F4F6F; }
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_google{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_youtube{background:#D32322;}
.f_skype{background:#01A4E0;}
/*END CONTACT ADDRESS*/
/*
 * ----------------------------------------------------------------------------------------
 * 15.END CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #313238 none repeat scroll 0 0;
  padding:50px 0 20px 0;
}
.footer .col-md-3, .footer .col-md-4{
    padding: 0 40px;
}
.footer h3 {
    color: #fff;
    margin-top: 10px;
}
.footer ul li a {
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
}
.home-one-footer-link-box.flex-box {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    padding-bottom: 13px;
}
.home-one-footer-link-box.flex-box .body-text {
    color: #fff;
}

.home-one-footer-link-box.flex-box a.footer-link-text {
    color: #c1c1c1;
}
.footer a:hover {
    color: #26adf0;
}
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color:#fff;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) { 
.copyright p {text-align:center;}
}
.footer_menu {
    float: right;
    margin-top: 5px;
}
@media only screen and (max-width:480px) { 
    .footer_menu {
        margin-top: 15px;
        float: none;
    }
}
.footer_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media only screen and (max-width:480px) { 
    .footer_menu ul { text-align: center }
}
.footer_menu ul li { display: inline }
@media only screen and (max-width:480px) { 
    .footer_copyright ul li a { text-align: center }
}
.footer_menu ul li a {
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.footer_menu ul li a {
    padding: 0 5px;
}
}
.footer_menu ul li a:hover { color: #1F4F6F }
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-content .container{
    width:1100px;
}
.top-menu.topnavbar-collapse {
    display: block;
}
.mlogo{
    display:none;
}
.mob-nav{
    display:none;
}
/*Mobile Responsive*/
@media (max-width:767px) {
    .top-header{
        display:none;
    }
    .mlogo{
        width: 100%;
        text-align: center;
        display: block;
        color: #fff;
        font-size: 17px;
    }
    .mlogo img{
        width: 70%;
    }
    .have-child ol {
        display: none;
    }
    .have-child.open > ol {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        top: 38px !important;
        z-index:9999;
    }
    .menu-top, .navbar-default.menu-shrink {
        padding: 15px;
    }
    .navbar-default .container {
        width: 100%;
    }
    .navbar-drop {
        display: none !important;
    }
    .navbar-drop.open {
        display: block !important;
        margin-right: -15px;
        margin-left: -15px;
        overflow: hidden;
        height: 100vh;
    }
    .mob-nav{
        display:block;
    }
    .form-section form{
        padding:20px;
    }
    .navbar-right{
        display: block;
        text-align: left;
    }
    .amazon-seller-cta-contianer {
        margin-top: 20px;
    }
    .amazon-seller-cta-contianer .nav-cta-container {
        justify-content: center !important;
    }
    .navbar-default .navbar-nav > li > a{
        color:#fff !important;
    }
    .navbar-default .navbar-toggle{
        margin-right:0;
    }
    .top-header .container{
        display:block;
    }
    .top-menu.topnavbar-collapse {
        width: 100%;
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }
    
    .top-menu.topnavbar-collapse.in {
        display: flex;
        visibility: visible;
        opacity: 1;
        width: 100%;
    }
    .section-padding {
        padding: 50px 15px;
    }
    .home_bg .row {
        display: block !important;
    }
    .about-content .row.flex {
        display: block;
    }
    .about-content .row.flex .col-md-6{
        padding: 20px 0 !important;
    }
    .hero-text h1{
        font-size: 40px;
        text-align: center;
        line-height: 50px;
        margin-bottom: 15px;
    }
    .home-two-hero-counter-wrapper{
        grid-column-gap: 45px;
        grid-row-gap: 45px;
    }
    .home_bg .text-right img{
        width:100% !important;
        margin-top:20px;
    }
    .price-span{
        left: 18px;
    }
    .section-title{
        width:100%;
    }
    .section-title h2{
        font-size:30px;
    }
    .about-content .container{
        width:100%;
    }
    .about-us .service-why-choose-list-item{
        margin-bottom: 15px;
    }
    .about-us {
        padding: 0 15px 50px 15px;
    }
    .amazing_feature {
        padding: 50px 15px;
    }
    .amazing_feature h2, .about-content h2, .contact_area h2 {
        font-size: 30px !important;
    }
    .amazing_feature .col-md-6{
        margin-bottom: 20px;
    }
    .works .top-img{
        top:0;
    }
    .single-page{
        padding:50px 15px;
    }
    .row{
        margin:0;
    }
    .works-div .work-content, .amazing_feature .col-md-4 {
        height: auto;
    }
    .works-div {
        display: block;
        padding: 0;
        margin-bottom: 15px;
    }
    .works-div .work-img img {
        width: 100%;
    }
    .contact{
        padding: 15px 10px;
        z-index: 999;
        position: relative;
    }
    .contact_address {
        background: transparent;
        padding: 10px !important;
    }
    .contact_address h2{
        font-size:25px;
    }
    .template_faq h2, .testimonial h2{
        font-size:30px;
    }
    .accordion-button {
        padding: 15px 0;
    }
    .accordion-body {
        padding: 20px 0;
    }
    .feature-one .row.flex{
        display:block;
    }
    .feature-one h2{
        font-size: 30px;
        word-break: break-word;
        line-height: 1.2;
        overflow-wrap: break-word;
        hyphens: auto;
        text-align: center;
    }
    .call-action .row.flex {
        display: block;
    }
    .call-action .row.flex a {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .single_feature.home {
        display: block;
        padding: 20px;
    }
    .single_feature.home .content {
        max-width: 100% !important;
    }
    .single_feature.home .content.left {
        margin-bottom: 15px;
    }
    .seller-boxs .seller-box {
        height: auto;
        padding: 30px;
    }
    .service-slide .slide-content{
        width:auto !important;
    }
    .service-slide .nav-control {
        bottom: 10% !important;
        left: 60% !important;
    }
    .service-slide .carousel-control-next.nav-control {
        left: 42% !important;
    }
    .forit .row.forit-boxs .inner-box {
        margin-bottom: 15px;
    }
    .amazon_bg {
        padding: 50px 15px;
    }
    .top-header .container .top-logo{
        width:100%;
    }
    .top-header .container .top-logo a {
        width: 65%;
    }
    .top-header .navbar-toggle {
        background: #fff none repeat scroll 0 0;
        border-color: #ddd;
        margin-right: 0;
    }
    .top-header .navbar-toggle .icon-bar {
        background-color: #1F4F6F;
    }
    .usshipping .row.flex {
        flex-direction: column;
        padding: 15px !important;
    }
    
    .services .us-shipping-carriers img {
        margin-right: 20px;
        width: 43%;
    }
    
    .services .us-shipping-carriers {flex-wrap: wrap;}
    .usshipping .contact {
        margin-top: 20px;
    }
    .col-md-4 .single-serice a{
        position:relative;
        bottom: 0;
    }
    .footer .col-md-2{
        padding:0 40px;
    }
}