body {
    font-family: sans-serif;
    font-weight: 400;
    height: 100%;min-height: 100vh;font-size: 0.9rem;
} 
a, a:link, a:visited, a:hover, a:active {
    color: #fff;
    text-decoration: none;
    outline: 0;
 }
/* 1.1. SECTION TITLE */
.mh-container {width:100%;margin-right:auto;margin-left:auto}
.orange {background-color: #ff7b0d !important;}
.fade:not(.show) {opacity: 1;}
/* 1.2. CUSTOM BUTTON */
a.btn {
    font-weight: 500;
}
a.btn-custom {

    background-color: #2e3138;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: uppercase;

}

a.btn-custom.btn-lg {

    padding: 12px 20px;

    font-size: 16px;

}

a.btn-custom:hover,

a.btn-custom:focus {

    color: #fff;

    background-color: #26507b;

    box-shadow: none;

}

a.btn-custom2 {

    background-color: #2e3138;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: uppercase;

}

a.btn-custom2.btn-lg {

    padding: 12px 20px;

    font-size: 16px;

}

a.btn-custom2:hover,

a.btn-custom2:focus {

    color: #fff;

    background-color: #6aaf08;

    box-shadow: none;
}
.btn-custom-reverse,
a.btn-custom-reverse {
    background-color: #6aaf08;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: capitalize;

}

.btn-custom-reverse:hover,

a.btn-custom-reverse:hover,

a.btn-custom-reverse:focus {

    color: #fff;

    background-color: #2e3138;

    box-shadow: none;

}

.btn-custom-reverse.btn-lg,

a.btn-custom-reverse.btn-lg {

    padding: 12px 20px;

    font-size: 16px;

}
.btn-custom-reverse2,

a.btn-custom-reverse2 {

    background-color: #26507b;

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: capitalize;

}

.btn-custom-reverse2:hover,

a.btn-custom-reverse2:hover,

a.btn-custom-reverse2:focus {

    color: #fff;

    background-color: #2e3138;

    box-shadow: none;

}
.btn-custom-reverse3,

a.btn-custom-reverse3 {

    padding: 18px 27px 18px 27px;

    font-size: 27px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */

background: #ffa84c; /* Old browsers */

background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */

    border-radius: 0;

    -webkit-transition: background-color .25s;

            transition: background-color .25s;

    text-transform: capitalize;

}

.btn-custom-reverse3:hover,

a.btn-custom-reverse3:hover,

a.btn-custom-reverse3:focus {

    color: #fff;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7b0d+0,ffa84c+100 */

background: #ff7b0d; /* Old browsers */

background: -moz-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ff7b0d 0%,#ffa84c 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ff7b0d 0%,#ffa84c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */

    box-shadow: none;

}
/* 1.3. BACK TO TOP BUTTON */
#backToTop {

    position: fixed;

    left: 30px;

    bottom: 45px;

    z-index: 999;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    -webkit-transition: opacity .25s ease-in-out;

            transition: opacity .25s ease-in-out;

}
#backToTop.show {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

}
#backToTop a {

    display: block;

    min-width: 45px;

    padding: 6px 0;

    color: #fff;

    background-color: #6aaf08;

    font-size: 24px;

    line-height: 28px;

    text-align: center;

}
/*------------------------------------*\
    3. HEADER AREA
\*------------------------------------*/
#header {
   position: relative;
    background-color: #f8f8f8;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 1;

}
#header.no-header-overlay:before {

    display: none;

}

#header.header-bg-bottom {

    background-position: bottom;

}

#header.max-490px {

    max-height: 490px;

    min-height: 0;

}

#header.bg-white {

    background-color: #fff;

}

.header-slider {

    height: 100%;

}
.header-slider .owl-wrapper-outer,
.header-slider .owl-wrapper,
.header-slider .owl-item,
.header-slider .owl-item > .header-slider--item > .container,
.header-slider .owl-item > .header-slider--item > .container > .row,
.header-slider .owl-item > .header-slider--item > .container > .row > div {

    height: 100%;

}
.header-slider--item {

    width: 100%;

    height: 100%;

}
.header-item-content {

    position: relative;

    padding: 20px 25px 25px;

    color: #fff;

}
.header-item-content h1 {

    margin: -5px 0 0;

    color: #fff;

    font-size: 48px;

    line-height: 52px;

    font-weight: 700;

}
.header-item-content h2 {

    margin: -5px 0 0;

    color: #fff;

    font-size: 48px;

    line-height: 52px;

    font-weight: 700;

}
.header-item-content h3 {color: #fff;font-size: 24px;line-height: 30px;font-weight: 500;margin-bottom: 50px;padding: 0% 30% 0% 0%;}
.header-item-content h3 green{

    color: #6aaf08;

    font-size: 24px;

    line-height: 24px;

    font-weight: 400;

}
.header-item-content ul{padding-left: 0px;margin: 10px 0px 0px 0px;}
.header-item-content ul li{font-size: 18px;padding: 5px;list-style: inherit;display: inline list-item;}
.header-item-content h2 .head {

    color: #fff;

    background-color: none;

    font-size: 48px;

    line-height: 52px;

    font-weight: 700;

}
.header-item-content p {

    font-weight: 500;

}
.header-item-content > p {

    margin-top: 16px;

    margin-bottom: 16px;

}

.header-item-content .list p {

    float: left;

    width: 50%;

    margin-bottom: 2px;

}

.header-item-content .list p i.fa {

    margin-right: 5px;

    color: #fff;

}
.header-item-content i.fa {

    font-size: 81px;

    color: #cccccc;

}
.header-item-content .price {

    margin-top: 20px;

    overflow: hidden;

}

.header-item-content .price .btn {

    color: #fff;

    background-color: #303030;

}

.header-item-content .price .btn:hover,

.header-item-content .price .btn:focus {

    color: #303030;

    background-color: #fff;

    box-shadow: none;

    outline: 0;

}
.header-item-img figure {

    position: relative;

}
.header-item-img img.img-responsive {

    float: right;

}
.header-item-badge {

    position: absolute;

    display: table;

    border-radius: 50%;

    text-align: center;

    z-index: 0;

}

.header-item-badge-1 {

    top: 35%;

    left: 40%;

    width: 150px;

    height: 150px;

    background-color: #fff;

}

.header-item-badge-2 {

    top: 15%;

    left: 20%;

    width: 120px;

    height: 120px;

    color: #fff;

    background-color: #6aaf08;

}

.header-item-badge p {

    display: table-cell;

    vertical-align: middle;

    padding: 0;

    border: 0;

    color: inherit;

    font-size: 16px;

    line-height: 16px;

}

.header-item-badge span {

    display: block;

    font-size: 34px;

    line-height: 38px;

    font-weight: 700;

}
.header-slider .owl-pagination {

    font-size: 0;

    text-align: center;

}
.header-slider .owl-page {

    content: " ";

    width: 10px;

    height: 10px;

    background-color: #2e3138;

    border-radius: 5px;

    -webkit-transition: padding-right .25s;

            transition: padding-right .25s;

    display: inline-block;

    margin: 0 5px;

}

.header-slider .owl-page.active {

    padding-right: 20px;

    background-color: #FF6C3A;

}
.owl-fadeInLeft,

.owl-fadeInRight {

    visibility: hidden;

}

.owl-item.active .owl-fadeInLeft {

    -webkit-animation: fadeInLeft 0.8s linear 0s;

            animation: fadeInLeft 0.8s linear 0s;

    visibility: visible;

}

.owl-item.active .owl-fadeInRight {

    -webkit-animation: fadeInRight 0.8s linear 0s;

            animation: fadeInRight 0.8s linear 0s;

    visibility: visible;

}

.owl-item.active .owl-fadeInUp {

    -webkit-animation: fadeInUp 0.8s linear 0s;

            animation: fadeInUp 0.8s linear 0s;

    visibility: visible;

}

.owl-item.active .owl-fadeInDown {

    -webkit-animation: fadeInDown 0.8s linear 0s;

            animation: fadeInDown 0.8s linear 0s;

    visibility: visible;

}

/* 3.1. HEADER SLIDER NAV */

.header--slider-nav {

    position: absolute;

    left: 0;

    bottom: 60px;

    width: 100%;

}

.header--slider-nav ul {

    margin: 0;

    padding: 0;

    list-style: none;

    font-size: 0;

    overflow: hidden;

}

.header--slider-nav ul li {

    float: left;

    border-left: 1px solid #e9e9e9;

    cursor: pointer;

}

.header--slider-nav ul li:hover,

.header--slider-nav ul li.active {

    border-left-color: #6aaf08;

}

.header--slider-nav ul li p {

    position: relative;

    display: block;

    width: 50px;

    height: 48px;

    margin-bottom: 0;

    color: #303030;

    font-size: 0;

    overflow: hidden;

}
.header--slider-nav ul li p:hover,
.header--slider-nav ul li.active p {
    width: 100%;
}
.header--slider-nav ul li p i.fa {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 50px;

    padding: 14px 0;

    background-color: #fff;

    font-size: 20px;

    line-height: 24px;

    vertical-align: top;

    text-align: center;

}

.header--slider-nav ul li p:hover i.fa,

.header--slider-nav ul li.active p i.fa {

    color: #fff;

    background-color: #6aaf08;

}

.header--slider-nav ul li p span {

    display: block;

    margin-left: 50px;

    padding: 14px 15px;

    background-color: #e9e9e9;

    line-height: 20px;

    vertical-align: top;

    overflow: hidden;

    text-transform: capitalize;

}

.header--slider-nav ul li:hover p span,

.header--slider-nav ul li.active p span {

    font-size: 16px;

}
/* 3.2. HEADER SLIDER CONTROLS */

.header-slider > .owl-controls > .owl-buttons {

    display: none;

}
.header-slider.show-slider-controls > .owl-controls > .owl-buttons {

    display: block;

}
.header-slider > .owl-controls > .owl-buttons > .owl-prev,

.header-slider > .owl-controls > .owl-buttons > .owl-next {

    position: absolute;

    top: 50%;

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

            transform: translateY(-50%);

    padding: 5px 20px 5px 20px;

    color: #6aaf08;

    background-color: #fff;

    font-size: 24px;

    line-height: 28px;

    opacity: 0.6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

    -webkit-transition: opacity .25s ease-in-out;

    transition: opacity .25s ease-in-out;
}
.header-slider > .owl-controls > .owl-buttons > .owl-prev:hover,
.header-slider > .owl-controls > .owl-buttons > .owl-next:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.header-slider > .owl-controls > .owl-buttons > .owl-next {right: 0;}
.inner-banner {position: relative; background-image: url("../images/migration-banner.webp"); background-position: top center; background-size: 100%; background-repeat: no-repeat;color: #fff; height: 300px;}
.inner-banner::before {content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(32, 43, 27, 0.6);}
.inner-banner h1 {font-family: Lato, sans-serif; font-size: 60px; margin-top: 80px; color: #fff; line-height: 1.2;}
/*------------------------------------*\
    11. PRICING AREA
\*------------------------------------*/
#pricing {

    padding: 80px 0 0 0;
}
.pricing-table-item {

    position: relative;

    background-color: #fff;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14);

    -webkit-transition: box-shadow .25s ease-in-out;

            transition: box-shadow .25s ease-in-out;

}
.pricing-table-item:hover,
.pricing-table-item.popular {
    box-shadow: 0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
}
.pt-head2 {

    padding: 15px 0 0;

    border-top: 5px solid #ff7b0d;

    text-align: center;

    background-color: #26507b;

}
.pt-head2 .popular-indicator {

    position: absolute;

    top: 0;

    right: 20px;

    padding: 15px 10px 10px;

    color: #fff;

    background-color: #ff7b0d;

    font-size: 18px;

    line-height: 22px;

}

.pt-head2 .caption {

    color: #fff;

    margin-bottom: 0;

    text-align: center;

    font-size: 14px;

    letter-spacing: .12em;

    border-bottom: 1px solid #6aaf08;

    display: inline-block;

    padding: 0 0 5px;

}

.pt-price-tag2 {

    margin-bottom: 10px;

    font-size: 45px;

    font-weight: 700;

    color: #ffffff;

}

.pt-price-tag2 span {

    font-size: 27px;

    font-weight: 500;

}
.pt-head {

    padding: 15px 0 0;

    border-top: 5px solid #6aaf08;

    text-align: center;

}
.pt-head .popular-indicator {

    position: absolute;

    top: 0;

    right: 20px;

    padding: 15px 10px 10px;

    color: #fff;

    background-color: #ff7b0d;

    font-size: 18px;

    line-height: 22px;

}

.pt-head .caption {

    color: #333;

    margin-bottom: 0;

    text-align: center;

    font-size: 14px;

    letter-spacing: .12em;

    border-bottom: 1px solid #6aaf08;

    display: inline-block;

    padding: 0 0 5px;

}

.pt-price-tag {

    margin-bottom: 10px;

    font-size: 45px;

    font-weight: 700;

}

.pt-price-tag span {

    font-size: 27px;

    font-weight: 500;

}
.pt-plan {

    padding: 20px 0;

    color: #fff;

    background-color: #26507b;

    font-size: 24px;

    line-height: 28px;

    font-weight: 700;

    text-transform: capitalize;

}

.pt-features {

    padding-top: 10px;

    text-align: center;

}

.pt-features ul {

    padding: 0;

    margin: 0;

    list-style: none;

    white-space: nowrap;

}

.pt-features ul li {

    color: #555555;

    padding: 10px 20px;

    font-weight: 600;

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

    text-overflow: ellipsis;

    overflow: hidden;

}
.pt-features ul li i{color: #b0bec8;font-size: 14px;}

.pt-footer {

    text-align: center;

    padding-top: 20px;

    padding-bottom: 20px;

}

.pt-footer a.btn {

    width: 100px;

    padding: 8px 0;

}

/*------------------------------------*\
    17. GENERAL PAGE STYLES
\*------------------------------------*/
/* 17.1. PAGE TITLE */

#pageTitle {

    padding: 80px 0;

    position: relative;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    z-index: 0;

}
#pageTitle:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(48,48,48,0.6);

    z-index: -1;

}

#pageTitle .breadcrumb {

    margin-bottom: 0;

    padding: 0;

    background-color: transparent;

    border-radius: 0;

}
#pageTitle .breadcrumb > li > a {

    -webkit-transition: color .25s ease;

            transition: color .25s ease;

}
#pageTitle .breadcrumb > li > a:hover,

#pageTitle .breadcrumb > li > a:focus,

#pageTitle .breadcrumb > li.active {

    color: #6aaf08;

}
/*------------------------------------*\
    30. HELPER CLASSES
\*------------------------------------*/
/* 30.1. RESET-GUTTER */
.reset-gutter {
    margin-left: 0;
    margin-right: 0;
}
.reset-gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}
/* 30.2. RESET-MARGIN */
.reset-margin {
    margin-right: 0;
    margin-left: 0;
}
/* 30.3. RESET-PADDING */
.reset-padding {
   padding-right: 0;
   padding-left: 0;
}
/* 30.4. VERTICAL-CENTERING */
.vc-parent {width: 100%;height: 100%;display: table;}
.vc-child {display: table-cell;vertical-align: middle;}

#pp {padding:50px 0px 120px 0px;font-family: 'Poppins-Regular';}
#pp ul{position: relative;padding: 10px 0px; color: #1e1e1e;margin-left: 20px;font-size: 16px;margin-bottom: 0px;}
#pp ul li{padding-bottom: 20px;}
#pp ul li::before{list-style: disc !important;color: #1766ae;padding-right: 10px;}
#pp ul li span{font-size: 20px;color: #1766ae;padding-left: 8px;}
#pp ul li p{padding:6px 0px 0px 26px;text-align: left;margin: 0px;font-family: 'Poppins-Regular';}
#pp p {font-family: 'Poppins-Regular'; font-size: 16px;}
#pp h5{font-size: 22px;font-family: 'Poppins-Medium';}
#pp span{font-size: 18px;font-family: 'Poppins-Medium';}
#pp li{list-style: disc !important}
#pp h2 {padding:0px 30px 20px 30px;font-size: 34px;text-align: center;}
#pp ul li a{color:#0d6efd ;}

#pp p a{color: #0d6efd;}

@media only screen and (min-width:320px)and (max-width:479px){
    .inner-banner{background-size: cover;height: 150px;}
    .inner-banner h1{font-size: 30px;padding: 0px;margin-top: 40px;}
    .header-item-content{padding: 20px 25px 0px;}
    .header-item-content h3{padding: 0px;}

    #pp{padding: 30px 0px;}
    #pp p {font-size: 14px;}
    #pp ul li{font-size: 14px;padding-bottom: 10px;}
    #pp span{font-size: 14px;}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .inner-banner{background-size: cover;height: 150px;}
    .inner-banner h1{font-size: 30px;padding: 0px;margin-top: 40px;}
    .header-item-content{padding: 20px 25px 0px;}
    .header-item-content h3{padding: 0px;}

    #pp{padding: 30px 0px;}
    #pp p {font-size: 14px;}
    #pp ul li{font-size: 14px;padding-bottom: 10px;}
    #pp span{font-size: 14px;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .inner-banner{background-size: cover;height: 150px;}
    .inner-banner h1{font-size: 30px;padding: 0px;margin-top: 40px;}
    .header-item-content{padding: 20px 25px 0px;}
    .header-item-content h3{padding: 0px;}

    #pp{padding: 30px 0px;}
    #pp p {font-size: 14px;}
    #pp ul li{font-size: 14px;padding-bottom: 10px;}
    #pp span{font-size: 14px;}
}
@media only screen and (min-width:1024px) and (max-width:1280px){ #reseller img{display: block;}}