/* Extra small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

.h-b {
	font-family: Poppins;
	font-weight: bold;
	font-size: 40px;
}

.h-sb {
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
}

.h-sb2 {
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
}

.h-sb3 {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
}

.p-sb {
	font-family: Open Sans;
	font-weight: 600;
	font-size: 14px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


.p-r {
	font-family: Open Sans;
	font-size: 14px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.p-r2 {
	font-family: Open Sans;
	font-size: 16px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.p-i {
	font-family: Open Sans;
	font-size: 16px;
	font-style: italic;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.background_img {
    float: left;
    margin-bottom: -100%;
}

.header {
    background: url(../files/header_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.navbar {
	z-index: 100;
    max-width: 1500px;
}

ul.navbar-nav .nav-item {
    margin-right: 17px;
    height: 45px;
    line-height: 26px;
    font-size: 16px;
}

ul.navbar-nav .nav-item.navbar-purchase-btn {
    margin-left: 20px;
    padding: 0px 12px;
    margin-right: 0px;
}

ul.navbar-nav .nav-item.navbar-purchase-btn a {
    color: white;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
}

ul.navbar-nav .nav-item a {
    font-family: Poppins;
    color: white !important;
    position: relative;
}

a.navbar-brand img {
    width: 116px;
    margin-top: -7px;
}

nav.navbar.navbar-expand-lg.navbar-light {
    margin: 0px auto 25px;
}

ul.navbar-nav .nav-item a:after {
    background-color: white;
    height: 1px;
    width: 0%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: "";
    -webkit-transition: .2s all;
    transition: .2s all;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

ul.navbar-nav .nav-item a:hover:after {
    width: 70%;
}

.header .container-fluid {
    position: relative;
}

.header-detail-slider {
    max-height: 277px;
}

.header .row.align-items-center {
    min-height: 700px;
}

.header-detail {
    color: white;
}

.header-detail a {
    color: inherit;
}

.header-detail .hello-text {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: Poppins;
}

.header-detail .welcome-text {
    font-weight: bold;
    font-size: 44px;
    line-height: 1.2;
    margin: 30px 0px;
    letter-spacing: 1px;
    font-family: Poppins;
}

.header-detail .welcome-text .wb-download {
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    margin-left: 5px;
    color: white !important;
    letter-spacing: 1.1px;
    font-family: Poppins;
}

.btn.btn-primary.wb-signin, .btn.btn-outline-primary.wb-register {
    height: 45px;
    line-height: 31px;
    letter-spacing: 1.1px;
}

a.btn.btn-primary.wb-signin {
    width: 140px;
    margin-right: 15px;
}

a.btn.btn-outline-primary.wb-register {
    width: 146px;
    border-color: white;
}

a.btn.btn-outline-primary.wb-register:hover {
    border-color: #007bff;
}

/*header slider css*/
.header-detail-slider .owl-item {
    width: 475px !important;
    height: 275px;
    /* background: white; */
    /* border: 6px solid #babcbe; */
    /* border-radius: 7px; */
    /* margin-left: -9px; */
}

.owl-carousel.header-detail-slider {
    margin-top: 37px;
    margin-left: 15px !important;
}

.clients {
    margin-top: 150px;
}

.cl-m-title {
    color: #21263a;
    line-height: 53px;
    word-spacing: 3px;
}

.clmt-blue {
    color: #1da1ff;
}

.cl-message p {
    margin-top: 35px;
    color: #93959b;
}

.cl-each-logo .img img {
    display: block;
    margin: 0px 20px;
    width: 65%;
}

.why-the-app .wta-message h3 {
    color: #21263a;
    word-spacing: 7px;
    text-align: center;
}

.why-the-app .wta-message p {
    text-align: center;
    max-width: 450px;
    margin: 0px auto;
    margin-top: 30px;
}

.wta-services .card .card-img-top {
    width: 75px;
    display: block;
    margin: 0px auto;
}

.wta-services .card {
    border: none;
}

.wta-services {
    margin-top: 100px;
    max-width: 1000px;
}

.wta-services .card .card-title {
    text-align: center;
    margin-top: 20px;
}

.wta-services .card .card-text {
    margin-top: 30px;
    text-align: center;
    color: #21263a;
}

.features-before {
    margin-top: 45px;
}

.features {
    border: 0px;
    background: url(../files/Layer_22_center.png);
    background-repeat: round;
}

.features-before img {
	width: 100%;
}

.features-after img {
	width: 100%;
}

.feature-contents {
    top: 30%;
}

.features-slider {
    background: url('../files/Mockup_2.png');
    background-repeat: no-repeat;
    background-position: left;
}

.fetslider-controls {
    width: 95px;
    margin: 0px auto;
    position: relative;
    z-index: 3;
}

.fetslider-controls a:first-child {
    margin-right: 10px;
}

.fet-message {
    max-width: 450px;
    margin-top: 135px;
}

.fet-message h3 {
    color: white;
}

.fet-message p {
    margin-top: 30px;
    color: white;
    opacity: 0.6 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.fet-list {
    margin-top: 75px;
    color: white;
    max-width: 400px;
}

.fet-list .list-unstyled .media-body h5 {
    color: white;
    letter-spacing: 0.5px;
}

.fet-list .list-unstyled .media-body p {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.fet-list li.media {
    margin-bottom: 40px;
}

.fetl-logo {
    width: 65px;
    overflow: hidden;
    margin-right: 7px;
}

.app-screenshots {
    margin-top: 100px;
}

.ass-message {
    text-align: center;
}

.ass-message p {
    max-width: 450px;
    margin: 0px auto;
    margin-top: 30px;
}

.ass-slider {
    max-width: 1495px;
    margin: 90px auto;
    padding: 0px 35px;
}

.ass-slider .owl-dots {
	display: block !important;
}

.owl-dots {
    margin-top: 50px !important;
}

button.owl-dot span {
	width: 11px !important;
    height: 11px !important;
    background: none !important;
    border: 1.5px solid #a0a0a0;
}

button.owl-dot.active span {
    background: blue !important;
    border: none !important;
    width: 12px !important;
    height: 12px !important;
}

.ass-slider .owl-item {
    height: 398px;
    background: #e1e1e1;
    margin-top: 18px;
    -webkit-transition: 400ms;
    transition: 400ms;
}

.ass-slider .owl-item.active:hover {
    box-shadow: 0px 20px 20px 0px rgba(26, 92, 232, 0.12);
    height: 434px;
    margin-top: 0px !important;
    margin-bottom: -18px;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
}

.ass-slider .owl-stage-outer {
    padding-bottom: 10px;
    box-sizing: border-box;
    padding-top: 10px;
}

.extreme-features {
    margin-top: 100px;
}

.efc-app-links .btn-primary {
	padding: 14px 36px;
    letter-spacing: 1.2px;
}

.efc-app-links .btn-outline-primary {
    padding: 14px 39px;
    letter-spacing: 1.2px;
}

.efc-message p {
    margin-top: 30px;
}

.efc-app-links {
    margin-top: 50px;
}

.extfet-video {
    max-width: 846px;
    margin-left: auto;
    background: #2153e8;
    border-radius: 1000px 0px 0px 1000px;
    border-left: 10px solid #e8eefd;
    overflow: hidden;
}

.extfet-video .image_bg {
    width: 100%;
    float: right;
    margin-right: -15px;
}

.extfet-video .video-img {
    margin-top: -86%; 
    width: 105%;
    float: right;
    margin-right: -15px;
}

.extfet-video .video {
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
}

.extfet-videoPlay {
    margin: 0px auto;
    margin-top: -87.5%;
    transition: .2s;
    z-index: 10;
}

.extfet-videoPlay:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: .3s;
    transition: .3s;
}

#activeVideo iframe {
    border: 0px;
}

#activeVideo button.close {
    background: #5361e8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    text-shadow: none !important;
    color: white;
    font-weight: 600;
    font-family: serif;
    height: 25px;
    width: 25px;
    border-radius: 25px;
}

#activeVideo .modal-content {
    background: black;
}

.pricing-table {
    margin-top: 185px;
}

.prtb-body {
    max-width: 1000px;
    margin-top: 90px;
}

.prtb-head {
    max-width: 450px;
    margin: 0px auto;
    text-align: center;
}

.prtb-body .card-header {
    height: 237px;
    background: url(../files/Shape_2_copy_4.png);
    border: none;
    text-align: center;
    color: white;
}

.card-header .item-alert:before {
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0px;
    right: 70px;
    background: black;
    border-top: 30px solid #2e40e8;
    border-right: 5px solid #1da1ff;
    content: ' ';
    border-bottom: 10px solid #1da1ff;
    border-left: 2px solid #2e3fe8;
}

.card-header .item-alert {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 75px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #1da1ff;
    border-radius: 0px 0px 0px 0px;
}

.prtb-package {
    margin-top: 27px;
    font-size: 20px;
    font-family: Roboto;
    font-weight: bold;
}

.prtb-package-value {
    font-size: 60px;
    font-family: Roboto;
    font-weight: black;
}

.prtb-body .card-text {
    text-align: center;
    line-height: 40px;
}

.prtb-body .card-footer {
    background: none;
    border: none;
    margin-top: 20px;
}

.prtb-body .card-footer .btn {
    width: 192px;
    padding: 13px 0px;
    margin: 0px auto;
    display: block;
}

.prtb-body .card {
    padding-bottom: 35px;
    max-width: 370px;
    margin: 0px auto;
    transition: 0.3s;
}

.prtb-body .card:hover {
    margin-top: -10px;
}

.client-reviews {
    margin-top: 200px;
    background: url('../files/Layer_23.png');
    /*background-position: top;*/
    background-size: cover;
    padding: 0px 50px;
}

.clrev-header {
    text-align: center;
    top: 190px;
    display: block;
    position: relative;
}

.clrev-header p {
    max-width: 460px;
    margin: 50px auto;
}

.clrev-body {
    margin-top: 100px;
    margin-bottom: 180px;
    position: relative;
    top: 180px;
}

.clrev-slider {
    max-width: 1380px;
    margin: 0px auto;
}

.client-reviews .card-header {
    background: none;
    border: none;
    padding: 0px;
}

.client-reviews .owl-stage-outer {
    padding-bottom: 20px;
}

.client-reviews .card {
    padding: 50px 20px;
    box-shadow: 8px 13px 20px 0px rgba(26, 92, 232, 0.09);
    border-radius: 0px 30px;
    border: none;
}

.client-reviews .card-body {
    padding-top: 35px;
    padding: 35px;
}

.client-reviews .cr-card-img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0px auto;
    background: url(../files/Image.png);
}

.client-reviews .owl-item.active.center .cr-card-img {
    background: url(../files/Ellipse_1.png) !important;
}

.client-reviews .cr-card-reviews img {
    width: 14px !important;
    float: left;
    margin: 0px 1px;
}

.client-reviews .cr-card-reviews > div {
    width: 80px;
    margin: 20px auto 0px auto;
}

.client-reviews .card-footer {
    background: none;
    border: none;
    text-align: center;
}

.our-blog {
    margin-top: 400px;
}

.obl-header {
    text-align: center;
}

.obl-header p {
    max-width: 450px;
    margin: 35px auto 95px auto;
}

.our-blog .card {
    max-width: 370px;
    border: none;
}

.our-blog .card-img-top {
    max-width: 370px;
    background: #e8e8e8;
}

.our-blog .card-title {
    margin: 20px 0px 18px 0px;
}

.our-blog .card-deck {
    max-width: 1170px;
    margin: 0px auto;
}

.our-blog .card-date {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 84px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    background: url('../files/Shape_13.png');
    background-repeat: round;
    font-size: 14px;
    font-weight: bold;
    color: white;
    font-family: Roboto;
    letter-spacing: 1px;
    text-indent: 15px;
}

.contact-us {
    margin-top: 190px;
    background: url('../files/Shape.png');
}

.contus-header {
    text-align: center;
}

.contus-header h3 {
    margin: 20px 0px;
}

.contus-form {
    max-width: 770px;
    margin: 0px auto;
    margin-top: 90px;
}

.contus-form label {
    color: white;
    font-family: Poppins;
    font-size: 14px;
    letter-spacing: 1px;
}

.contus-form input, .contus-form textarea {
    border-radius: 0px !important;
    background: none !important;
    border: 1px solid rgb(160, 160, 160) !important;
    font-family: Open Sans;
    font-size: 14px !important;
    color: white !important;
    margin: 25px 0px;
}

.contus-form input {
    height: 55px !important;
}

.contus-form textarea {
    height: 160px !important;
    resize: none;
}

.contus-form button.btn.btn-primary {
    width: 150px;
    height: 52px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    margin: 40px auto 0px auto;
}

.footer {
    background: #21263a;
    min-height: 390px;
    padding: 130px 0px;
}

.footer-logo img {
    width: 116px;
    margin-top: 12px;
}

.footer li.list-group-item {
    background: none;
    border: none;
    color: white;
}

.footer li.list-group-item a {
    color: white;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-family: Poppins;
    font-size: 14px;
}

span.footer-social-icon {
    width: 15px;
    height: 20px;
    display: block;
    background: url('../files/social_icons.png');
    float: left;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

span.footer-social-icon.ig-icon {
    background-position-y: -38px;
}

span.footer-social-icon.ld-icon {
    background-position-y: -75px;
    top: 2px;
}

.footer .form-row label {
    color: white;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

.footer .form-row input {
	height: 52px;
	background: none;
	border: 1px solid rgb(160, 160, 160) !important;
	border-radius: 0px;
}

.footer .form-row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer .form-row > div > div:last-child {
    margin-left: auto;
}

.footer button.btn.btn-primary {
    width: 64px;
    height: 52px;
    border-radius: 0px;
    background: url('../files/Shape_7_copy_3.png');
    border: 0px;
}

.footer .list-group {
    margin-left: 0px;
}

.footer .list-group-item {
    padding-left: 0px;
}

.footer .form-row {
    margin-top: 15px;
}

.footer .form-row label {
    margin-bottom: 20px;
}

.ass-slider .item {width: 100%;height: 100%;background-size: cover;background-position: center;}

/* .flipster__item.flipster__item--past .flipster__item__content {
    transform: scale(.65);
} */

 /*Small devices (landscape phones, 576px and up)*/

@media (min-width: 274px) {
	.features-slider {
	    width: 240px !important;
	    height: 331px;
	    padding: 11px 13px 37px 98px;
	    background-size: contain;
	}

	.fetslider-controls {
	    /* top: -50px; */
	    left: 100px;
	    -webkit-transform: scale(0.6);
	            transform: scale(0.6);
	}

	.features-slider .owl-item {
	    width: 129px !important;
	    height: 210px;
	}
}

@media (min-width: 576px) {
	.efc-app-links .btn-primary {
	    margin-right: 25px;
	}

	.features-slider {
	    width: 480px !important;
	    height: 668px;
	    padding: 26px 28px 223px 196px;
	    background-size: contain;
	}

	.fetslider-controls {
	    /* top: -90px; */
	    left: 180px;
	    -webkit-transform: scale(1);
	            transform: scale(1);
	}

	.features-slider .owl-item {
	    width: 256px !important;
	    height: 420px;
	}
}

 /*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.contact-us {
	    padding: 200px 50px;
	    height: 1100px;
	    background-repeat: round;
	}

	.features-slider {
	    width: 604px !important;
	    height: 832px;
	    padding: 27px 35px 275px 248px;
	}

	.fetslider-controls {
	    /* top: -100px; */
	    left: 240px;
	}

	.features-slider .owl-item {
	    width: 321px !important;
	    height: 530px;
	}
}

 /*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.navbar-nav.mr-auto {
	    margin-left: auto;
	    margin-right: 0px !important;
	}

	nav.navbar.navbar-expand-lg.navbar-light {
	    position: relative;
	    top: 25px;
	    padding: 8px 80px;
	}

	.header-detail, .cl-message > div, .extfet-container {
	    float: right;
	    max-width: 450px;
	}

	.header .container-fluid {
	    top: -61px;
	}

	.clients-logo {
	    margin-top: 60px;
	}

	.features-slider {
    	float: right;
	}

	.fetslider-controls {
	    /* top: -100px; */
	    margin-right: 25px;
	    left: 0px;
	}

	.features > .card-img {
	    min-height: 1142px;
	}

	.why-the-app {
	    margin-top: 300px;
	}
}

 /*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.features-slider {
	    margin-right: 100px;
	}

	.fetslider-controls {
	    margin-right: 125px;
	}
}


/*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 273.98px) {
	.features-slider {
	    width: 200px !important;
	    height: 279px;
	    padding: 11px 11px 93px 82px;
	    background-size: contain;
	}

	.fetslider-controls {
	    /* top: -44px; */
	    left: 68px;
	    -webkit-transform: scale(0.5);
	            transform: scale(0.5);
	}

	.features-slider .owl-item {
	    width: 107px !important;
	    height: 176px;
	}
}

@media (max-width: 352px) {
	.auth-btns > .btn {
	    margin-top: 10px;
	}
}

@media (max-width: 425px) {
	.efc-app-links .btn-outline-primary {
	    margin-top: 5px !important;
	}
	.efc-app-links .btn {
		display: block;
		margin: 0px auto;
	}

}

@media (max-width: 575.98px) {
	.our-blog .card {
	    margin: 10px auto;
	}

}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.cl-each-logo {
	    width: 100%;
	    margin: 12px auto;
	}

	.cl-each-logo .img img {
	    width: auto;
	    margin: 0px auto;
	}

	.clients-logo {
	    margin-top: 12px;
	}

	.cl-message {
	    text-align: center;
	}

	.why-the-app {
	    margin-top: 110px;
	}

	.contact-us {
	    padding: 150px 10px 50px 10px;
	}
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.extfet-video {
	    margin-top: 60px;
	}

	.header {
	    padding-bottom: 210px;
	}

	.prtb-body .card {
	    margin-bottom: 20px;
	}

	.why-the-app {
	    margin-top: 100px;
	}

	.features-slider {
		margin: 0px auto;
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*Extra large devices (large desktops)*/
/*No media query since the extra-large breakpoint has no upper bound on its width*/


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}