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}

.section-title h2 {

    position: relative;

    margin: 50px 0px;

    font-size: 36px;

    line-height: 40px;

    font-weight: 700;

    text-align: center;

    text-transform: capitalize;

}

.section-title h2:before {

    content: " ";

    position: absolute;

    bottom: -15px;

    left: 50%;

    width: 50px;

    height: 2px;

    background-color: #6aaf08;

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

            transform: translateX(-50%);

}

.section-title.text-left h2 {

    text-align: left;

}

.section-title.text-left h2:before {

    left: 0;

    -webkit-transform: translateX(0);

            transform: translateX(0);

}
.orange {background-color: #ff7b0d !important;}
.styled {margin: 10px;width: 190px;height: 36px;border: 1px solid #26507b;border-radius: 2px;overflow: hidden;background: url(https://m2host.com/img/menu-arrow.png) 96% / 10% no-repeat #f9f9f9;}
.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;
/* 
    height: 600px; */

    background-color: #f8f8f8;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 1;

}

/*#header:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;
 
    background-color: rgba(48,48,48,0.3); 

}*/

#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% 50% 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: 20px;padding: 5px;list-style: inherit;display: inline list-item;font-family: Lato, sans-serif;}
.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 {height: 520px; padding-top: 30px; position: relative; background-image: url("../images/ssl-banner.jpg"); background-position: top center; background-size: 100%; background-repeat: no-repeat;color: #fff;}
/* .inner-banner::before {content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(48,48,48,0.6);} */
.inner-banner h1 {font-family: Lato, sans-serif; font-size: 60px; margin-bottom: 15px; color: #fff; line-height: 1.2;}
.price-details p{text-align: center;}
.price-details p a{padding: 8px 30px; color: #fff; font-family:Lato,sans-serif;font-size: 24px; text-align: center;border-radius: 24px;text-decoration: none;background: #26507b;transition: all .3s ease-in-out;}
.price-details p a:hover{background: #3d3d3d;}
.price-details p a i{font-size: 22px;}
.feature-item2-content h4{font-size: 18px;font-weight: 700;}
.feature-item2.text-center .feature-item2-icon i{font-size: 54px;}
#ssl hr{border-top: 1px solid #aeaeae;margin: 30px 0;}

/*------------------------------------*\

    6. SINGLE FEATURES AREA

\*------------------------------------*/

.single-feature {

    padding: 80px 0;

}

.single-feature > .container > .row {

    display: table;

}

.single-feature > .container > .row > div {

    display: table-cell;

    vertical-align: middle;

    float: none;

}



.single-feature--image img.img-responsive {

    margin: 0 auto;

}



.single-feature--content h2 {

    margin: 0 0 15px;

    font-weight: 700;

}

.single-feature--content p {

    color: #737373;

}

.single-feature--content .btn {

    margin-top: 10px;

    padding: 12px 20px;

    border-radius: 0;

    font-size: 16px;

    line-height: 20px;

}



.single-feature.single-feature-1 {

    color: #303030;

    background-color: #f8f8f8;

    background-position: center;

}



.single-feature-1 .single-feature--content .btn:hover,

.single-feature-1 .single-feature--content .btn:focus {

    color: #303030;

    background-color: #fff;

}



/*------------------------------------*\

    7. FEATURES AREA

\*------------------------------------*/

#features {padding:0px 0 60px 0;}

#features.bg-whitesmoke {

    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}

#features hr {

    margin: 30px 0;

}

.feature-item {

    padding: 20px;

    -webkit-transition: box-shadow .25s;

            transition: box-shadow .25s;

}




.feature-item.text-center .feature-item-icon {

    margin: 0 auto;

}

.feature-item-content {padding: 20px;}
/* .feature-item-content::before{background: #fb7820;position: absolute;color: #fff;border-radius: 4px 0 15px 0;font-family: "flaticon";content: "\f129";display: block;z-index: 100;font-size: 22px;padding: 8px 20px 8px 20px} */
.feature-item-content p {
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
}
.feature-item-content p.web{
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
}
.feature-item-content h4 {font-weight: 700;margin: 15px 0;}
.feature-item-content h3 {background: #6aaf08;border-radius:4px;padding:20px;}
.feature-item-content img{background: #ffebdd;border-radius:4px;padding:10px 15px;}
#features a{margin-top:20px; font-size: 18px;color: #fff !important;border-radius: 20px;background: #ff7b0d;padding: 5px 20px;transition: all .3s ease-in-out;}
#features a:hover{background: #26507b;}
.feature-item-content h2 span{

    font-size: 36px;

    color: #303030;

    font-weight: 500;

    margin: 15px 0;

}

.feature-item-content h2 {

    font-size: 36px;

    color: #6aaf08;

    font-weight: 500;

    margin: 15px 0;

}

.feature-item-content a.btn {

    margin-top: 20px;

    padding: 10px 15px;

    font-size: 12px;

}

#features2 {

    padding: 0;

}

#features2.bg-whitesmoke {

    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}

#features2 hr {

    margin: 30px 0;

}

.feature-item2 {

    padding: 20px;

    -webkit-transition: box-shadow .25s;

            transition: box-shadow .25s;

}





.feature-item2.text-center .feature-item2-icon {

    margin: 0 auto;

}



.feature-item2.text-center .feature-item2-icon i {

    font-size: 54px;

    color: #6aaf08;

}



.feature-item2-content {

    margin-top: 15px;

}

.feature-item2-content p {

    margin-bottom: 0;

}

.feature-item2-content h4 {

    font-weight: 700;

    margin: 15px 0;

}

.feature-item2-content a.btn {

    margin-top: 20px;

    padding: 10px 15px;

    font-size: 12px;

}









#features3 {

    padding: 0;

}

#features3.bg-whitesmoke {

    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}

#features3 hr {

    margin: 30px 0;

}

.feature-item3 {

    padding: 20px;

    -webkit-transition: box-shadow .25s;

            transition: box-shadow .25s;

}





.feature-item3.text-center .feature-item3-icon {

    margin: 0 auto;

}



.feature-item3.text-center .feature-item3-icon i {

    font-size: 54px;

    color: #6aaf08;

}



.feature-item3-content {

    margin-top: 0;

}

.feature-item3-content p {

    margin-bottom: 0;

}
.feature-item3-content h4 {
    font-weight: 700;
    margin: 0;
}
.feature-item3-content a.btn {
    margin-top: 20px;
    padding: 10px 15px;
    font-size: 12px;
}
/*------------------------------------*\
   11. PRICING AREA
\*------------------------------------*/

#pricing {

    padding: 10px 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;

}







.styled select {

   background: transparent;

   width: 190px;

   height: 36px;

   border: 1px solid #ccc;

   border-radius: 2px;font-size: 13px;
} 
.styled{

   margin: 10px;

   width: 190px;

   height: 36px;    

   border: 1px solid #26507b;

   border-radius: 2px;

   overflow: hidden;

   background: url(../images/menu-arrow.png) 96% / 10% no-repeat #f9f9f9;

}




/*------------------------------------*\

    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 .section-title h2 {

    margin: 0 0 50px;

    color: #fff;

}



#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;

}
/*------------------------------------*\

    18. SHARED HOSTING PAGE

\*------------------------------------*/

#pricingTable {

    padding: 40px 0;

}



#pricingTable.price-details {

    padding: 0;

}

#pricingTable.price-details > .item {

    padding: 20px 0;

}

#pricingTable.price-details > .item:nth-child(2n) {

    background-color: #f8f8f8;

    border-style: solid;

    border-width: 1px 0;

    border-color: #e9e9e9;

}
#pricingTable .pricing-table-item {

    padding: 0;

}

#pricingTable .pricing-table-item.mt-md {

    margin-top: 65px;

}

#pricingTable .pt-features {

    padding: 0;

}



#pricingTable .pt-body .pt-features ul li .blue{

    padding: 0;

    color: #ffffff;

    background-color: #26507b;

}



#pricingTable .pricing-table-item.first-child {

    font-weight: 700;

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

    z-index: 0;

}



#pricingTable .pricing-table-item .pt-body {

    border-top: 1px solid #e9e9e9;

}



#pricingTable.price-details .pricing-table-item.first-child.reset-margin {

    margin: 0;

}

.price-details .pt-head {

    padding-top: 0;

}
/*------------------------------------*\
    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;
}
#ssl {padding:60px 0 30px 0;}
#ssl p {font-size: 18px;padding: 10px 20px;margin-bottom: 0px;}
#ssl section{margin:0px 0px 10px 0px;padding: 20px;}
#ssl section p{color: #333 !important; font-size: 18px; padding:0px;text-align: left; margin-bottom: 10px;}
#ssl h4{font-size:22px; font-family: 'Poppins-Regular';text-align: left;margin: 15px 0px;width: 100%;}
#ssl img{margin-top: 30px;}
#ssl ul{padding: 0px;font-family: 'Poppins-Regular';display: inline-block;}
#ssl ul li{padding: 2px 0px;font-size: 18px;font-family: 'Poppins-Regular';margin-right: 20px;}
#ssl ul li::before {
  content: "\f00c";font-family: 'Font Awesome 6 Free';
  position: relative;
  top: 2px;
  margin-right: 10px;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 28px;
  color: #fb7820;
}

#faq{padding:30px 0 60px 0 !important;background: #f2f2f2;z-index: 0;position: relative;}
#faq section{border-radius: 6px;box-shadow: 2px 10px 20px 0 rgba(37, 60, 140, 0.2) !important;margin: 40px 0px 10px 0px;background: #fff;padding: 20px;font-family: 'Poppins-Regular'; border: 1px solid #dfdede;border-top: 3px solid #6aaf08;}
#faq section h3{font-family: 'Poppins-Medium';font-size: 18px; padding:0px 0px 2px 0px;text-align: center;margin-bottom: 0px;color: #1766ae;}
#faq section h4{font-size:50px;color:#3d3d3d; font-family: 'Poppins-SemiBold';text-align: center;margin-bottom: 20px;border-bottom: 1px solid #d5d5d5;padding-bottom: 10px;}
#faq section h4 sup{font-family: 'Poppins-Regular';font-size:26px; top:-18px;right: 1px;}
#faq section h4 span{font-family: 'Poppins-Regular';font-size:16px; }
#faq section p{color: #666 !important; font-size: 16px; padding:2px 0px 10px 0px;text-align: center; margin-top: 0px;border-bottom: 1px solid #d5d5d5;}

#faq section ul {padding: 0px;margin-left: 20px;margin-bottom: 20px;}
#faq section ul li{padding: 0px;list-style: disc;}
#faq section a{font-family: 'Poppins-Medium';color: #fff;background: #6aaf08;padding:8px 20px;border-radius: 4px;text-decoration:none;text-transform: uppercase;transition: all .3s ease-in-out;width: 100%; display: inline-block;text-align:center;}
#faq section a:hover{background:#1766ae;color: #fff;}
#faq section:hover{transition: all .3s ease-in-out;box-shadow: 0px 0px 0px 0 rgba(37, 60, 140, 0.2) !important;border-top: 3px solid #1766ae;}
#faq section:hover a{background:#1766ae;color: #fff;}
.faq-categories{margin: 40px 0px 0px 0px !important;}
.faq-categories ul li a{font-family: 'Poppins-Medium';padding: 8px 25px !important;}

#secure {padding:70px 0px;}
#secure h2{margin: 30px 0px 100px 0px;}
#secure h3 {font-family: 'Poppins-Semibold';font-size: 25px;padding: 6px 20px 6px 40px;}
#secure p {font-size: 18px;text-align: left;padding: 0px 40px;}

#steps {padding:30px 0px 60px 0px;position: relative;background: #fff1e5;}
#steps ul { display: flex;padding-top: 50px;margin-left: 30px;}
#steps ul li {border-left: 0;border-top: 1px solid #ff7700;}
#steps ul li::before {top: -21px;background: #ff7700;position: relative;content: counters(section, ".") " ";
counter-increment: section;border-radius: 0px;height: 45px;width: 45px;text-align: center;line-height: 45px;color: #ffffff;border-radius: 8px;display: block;font-weight: bold;font-size: 18px;transition: all .3s ease-in-out;}
#steps ul li:hover::before{background: #3e6c9b;}
#steps ul li h4{font-size: 20px;font-weight: 600;padding: 0% 40% 0% 0%;}
#steps ul li p{margin-right: 60px;}
#steps ul li:last-child{border-top: 0px solid #6bcbf4;}

@media only screen and (min-width:320px)and (max-width:479px){
    .inner-banner{background-size: cover;height: auto;background: #02162f;padding-top: 0px;}
    .inner-banner h1{font-size: 30px;}
    .price-details p a{font-size: 20px;}
    .section-title h2{font-size: 20px;margin: 10px 0px;}
    .section-title h2::before{bottom: -5px;}
    .feature-item-content h4{font-size: 18px;}
    #features a{font-size: 18px;}
    .header-slider .mt-5{margin-top: 20px !important;}

    #ssl{padding: 30px 0px}
    #ssl h2{font-size: 16px;padding: 0% 4%;}
    #ssl p{font-size: 14px;padding: 0% 4%;}
    #ssl h3{font-size: 22px;margin-top: 0px;padding-bottom: 0px;}
    #ssl section{padding: 20px 0px 0px 0px;margin-bottom: 0px;}
    #ssl section p{font-size: 14px;}
    #ssl h4{font-size: 18px;}
    #ssl ul{margin-bottom: 0px;}
    #ssl ul li{font-size: 16px;}
    #ssl ul li::before{font-size: 16px;line-height: 18px;}
    #ssl img{margin-bottom: 10px;}

    #faq{padding: 30px 0px}
    #faq h2{font-size: 22px;}
    #faq section{margin: 10px 0px 20px 0px;}
    #faq section h4{font-size: 40px;}  
    #faq section h4 sup{font-size: 18px;top: -15px;}
    #faq section ul li{font-size: 14px;}
    #faq .fs-5{font-size: 14px !important; margin-bottom: 0px;}
    .faq-categories{margin: 30px 0px 0px 0px !important;}

    #secure {padding:30px 0px}
    #secure h2{margin: 10px 0px 20px 0px;}
    #secure h3{font-size: 18px;padding: 10px 0px 0px 0px;}
    #secure h3 img{margin-right: 10px;width: 32px;}
    #secure p{font-size: 14px; padding: 0px;}
    #secure .mt-5{margin-top: 0rem !important;}
    .header-item-content h3{font-size: 20px;padding: 0px;margin-bottom: 30px;line-height: 25px;}

    #steps {padding:30px 0px 0px 0px;}
    #steps ul { display: inline-block;padding-left: 40px;padding-top: 20px;margin: 0 auto;}
    #steps ul li{border-left: 1px solid #ff7700; border-top: 0px;padding: 0 0 10px 40px;position: relative;}
    #steps ul li::before{left: -21px;position: absolute;top: 0px;}
    #steps ul li:last-child{border-left: 0px solid #6bcbf4;}
    #steps ul li h4{font-size: 18px;}
    #steps .fs-5{font-size: 14px !important;}
}
@media only screen and (min-width:480px) and (max-width:767px){
    .inner-banner{background-size: cover;height: auto;}
    .inner-banner h1{font-size: 30px;}
    .price-details p a{font-size: 20px;}
    .section-title h2{font-size: 20px;margin: 10px 0px;}
    .section-title h2::before{bottom: -5px;}
    .feature-item-content h4{font-size: 18px;}
    .header-slider .mt-5{margin-top: 20px !important;}

    #ssl{padding: 30px 0px}
    #ssl h2{font-size: 16px;padding: 0% 4%;}
    #ssl p{font-size: 14px;padding: 0% 4%;}
    #ssl h3{font-size: 22px;margin-top: 0px;padding-bottom: 0px;}
    #ssl section{padding: 20px 0px 0px 0px;margin-bottom: 0px;}
    #ssl section p{font-size: 14px;}
    #ssl h4{font-size: 18px;}
    #ssl ul{margin-bottom: 0px;}
    #ssl ul li{font-size: 16px;}
    #ssl ul li::before{font-size: 16px;line-height: 18px;}
    #ssl img{margin-bottom: 10px;}

    #faq{padding: 30px 0px}
    #faq h2{font-size: 22px;}
    #faq section{margin: 10px 0px 20px 0px;}
    #faq section h4{font-size: 40px;}  
    #faq section h4 sup{font-size: 18px;top: -15px;}
    #faq section ul li{font-size: 14px;}
    #faq .fs-5{font-size: 14px !important; margin-bottom: 0px;}

    #secure {padding:30px 0px}
    #secure h2{margin: 10px 0px 20px 0px;}
    #secure h3{font-size: 18px;padding: 10px 0px 0px 0px;}
    #secure h3 img{margin-right: 10px;width: 32px;}
    #secure p{font-size: 14px; padding: 0px;}
    #secure .mt-5{margin-top: 0rem !important;}
    .header-item-content h3{font-size: 21px;padding: 0px;margin-bottom: 30px;}

    #steps {padding:30px 0px 0px 0px;}
    #steps ul { display: inline-block;padding-left: 20px;padding-top: 20px;}
    #steps ul li{border-left: 1px solid #ff7700; border-top: 0px;padding: 0 0 10px 40px;position: relative;}
    #steps ul li::before{left: -21px;position: absolute;top: 0px;}
    #steps ul li:last-child{border-left: 0px solid #6bcbf4;}
    #steps ul li h4{font-size: 18px;}
    #steps .fs-5{font-size: 14px !important;}
}
@media only screen and (min-width:768px) and (max-width:1024px){
    .inner-banner{background-size: cover;height: auto;}
    .inner-banner h1{font-size: 30px;}
    .price-details p a{font-size: 20px;}
    .section-title h2{font-size: 22px;margin: 0px 0px 30px 0px;}
    .section-title h2::before{bottom: -5px;}
    .feature-item-content{height: 320px;}
    .feature-item-content h4{font-size: 18px;}
    .header-slider .mt-5{margin-top: 20px !important;}

    #ssl{padding: 30px 0px}
    #ssl h2{font-size: 16px;padding: 0% 4%;}
    #ssl p{font-size: 14px;padding: 0% 4%;}
    #ssl h3{font-size: 22px;margin-top: 0px;padding-bottom: 0px;}
    #ssl section{padding: 20px 0px 0px 0px;margin-bottom: 0px;}
    #ssl section p{font-size: 14px;}
    #ssl h4{font-size: 18px;}
    #ssl ul{margin-bottom: 0px;}
    #ssl ul li{font-size: 16px;}
    #ssl ul li::before{font-size: 16px;line-height: 18px;}
    #ssl img{margin-bottom: 10px;}

    #faq{padding: 30px 0px}
    #faq h2{font-size: 22px;}
    #faq section{margin: 10px 0px 20px 0px;}
    #faq section h4{font-size: 40px;}  
    #faq section h4 sup{font-size: 18px;top: -15px;}
    #faq section ul li{font-size: 14px;}
    #faq .fs-5{font-size: 14px !important; margin-bottom: 0px;}
    .faq-categories{margin: 30px 0px 0px 0px !important;}
    .faq-content {margin-top: 30px;}

    #secure {padding:30px 0px}
    #secure h2{margin: 10px 0px 20px 0px;}
    #secure h3{font-size: 18px;padding: 10px 0px 0px 0px;}
    #secure h3 img{margin-right: 10px;width: 32px;}
    #secure p{font-size: 14px; padding: 0px;}
    #secure .mt-5{margin-top: 0rem !important;}
    .header-item-content h3{font-size: 21px;padding: 0px;margin-bottom: 30px;}

    #steps {padding:30px 0px 0px 0px;}
    #steps ul { display: inline-block;padding-left: 20px;padding-top: 20px;}
    #steps ul li{border-left: 1px solid #ff7700; border-top: 0px;padding: 0 0 10px 40px;position: relative;}
    #steps ul li::before{left: -21px;position: absolute;top: 0px;font-size: 16px;width: 35px;height: 35px;line-height: 35px;}
    #steps ul li:last-child{border-left: 0px solid #6bcbf4;}
    #steps ul li h4{font-size: 18px;}
    #steps .fs-5{font-size: 14px !important;}
}
@media (min-width: 1280px){.inner-banner{background-size: cover;height: auto;padding-top: 10px;}.inner-banner h1{font-size: 50px;}.header-slider .mt-5{margin-top: 20px !important;}}
@media (min-width: 1440px){.inner-banner{background-size: cover;height: auto;padding-top: 10px;}.inner-banner h1{font-size: 50px;}.header-slider .mt-5{margin-top: 20px !important;}}
@media (min-width:1920px){.inner-banner{height: 520px;padding-top: 30px;}.inner-banner h1{font-size: 60px;}}