@charset "UTF-8";

/*

Style   : MobApp CSS
Version : 1.0
Author  : Surjith S M
URI     : https://surjithctly.in/

Copyright © All rights Reserved 

*/


/*------------------------
[TABLE OF CONTENTS]
    
1. GLOBAL STYLES
2. NAVBAR
3. HERO
4. TABS
5. TESTIMONIALS
6. IMAGE GALLERY
7. PRICING
8. CALL TO ACTION
9. FOOTER

------------------------*/


/* GLOBAL
----------------------*/
@font-face {
	font-family: 'Segoe UI Historic';
	src: url('../fonts/SegoeUIHistoric.woff2') format('woff2'), 
		url('../fonts/SegoeUIHistoric.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Emoji';
	src: url('../fonts/SegoeUIEmoji.woff2') format('woff2'), 
		url('../fonts/SegoeUIEmoji.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Light.woff2') format('woff2'), 
		url('../fonts/SegoeUI-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe Print';
	src: url('../fonts/SegoePrint.woff2') format('woff2'), 
		url('../fonts/SegoePrint.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe MDL2 Assets';
	src: url('../fonts/SegoeMDL2Assets.woff2') format('woff2'), 
		url('../fonts/SegoeMDL2Assets.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Semilight';
	src: url('../fonts/SegoeUI-Semilight.woff2') format('woff2'), 
		url('../fonts/SegoeUI-Semilight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Bold.woff2') format('woff2'), 
		url('../fonts/SegoeUI-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-LightItalic.woff2') format('woff2'),  
		url('../fonts/SegoeUI-LightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Semibold.woff2') format('woff2'), 
		url('../fonts/SegoeUI-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Italic.woff2') format('woff2'), 
		url('../fonts/SegoeUI-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-BoldItalic.woff2') format('woff2'),
		url('../fonts/SegoeUI-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Segoe UI Symbol';
	src: url('../fonts/SegoeUISymbol.woff2') format('woff2'), 
		url('../fonts/SegoeUISymbol.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUIBlack.woff2') format('woff2'), 
		url('../fonts/SegoeUIBlack.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('SegoeUIBlack-Italic.woff2') format('woff2'), 
		url('SegoeUIBlack-Italic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
}
@font-face {
	font-family: 'Segoe Script';
	src: url('../fonts/SegoeScript-Bold.woff2') format('woff2'),
		url('../fonts/SegoeScript-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe Print';
	src: url('SegoePrint-Bold.woff2') format('woff2'), 
		url('SegoePrint-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI Semilight';
	src: url('../fonts/SegoeUI-SemilightItalic.woff2') format('woff2'),
		url('../fonts/SegoeUI-SemilightItalic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI.woff2') format('woff2'),  
		url('../fonts/SegoeUI.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-SemiboldItalic.woff2') format('woff2'), 
		url('../fonts/SegoeUI-SemiboldItalic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Segoe Script';
	src: url('../fonts/SegoeScript.woff2') format('woff2'), 
		url('../fonts/SegoeScript.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

 body {font-family: "Segoe UI" ! important;
	 font-weight: normal;
	font-style: normal;	}



a {
    color: #e38cb7;
}

a:hover,
a:focus {
    color: #d6619c;
}

h1 {
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 45px;
    font-weight: 300;
    color: #633991;
    letter-spacing: -1px;
    margin-bottom: 1rem;
}

h3 {
    color: #633991;
    font-size: 33px;
    font-weight: 500;
}

h4 {
    font-size: 20px;
    font-weight: 500;
    color: #633991;
}

h5 {
    font-size: 28px;
    font-weight: 300;
    color: #633991;
    margin-bottom: 0.7rem;
}

p {
    color: #959094;
}

p.lead {
    color: #e38cb7;
    margin-bottom: 2rem;
}

.text-primary {
    color: #e38cb7 !important;
}

.light-font {
    font-weight: 300;
}

.btn {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0.375rem 1.35rem;
    transition: all 0.3s ease;
}

.btn-outline-light:hover {
    color: #d6619c;
}

.btn-primary {
    border-radius: 3px;
    background-image: -moz-linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    background-image: -webkit-linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    background-image: -ms-linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    background-image: linear-gradient( 122deg, #e54595 0%, #fd378e 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    padding: 0.6rem 2rem;
    border: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-image: linear-gradient( 122deg, #fd378e 0%, #e54595 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.3);
    color: #FFF;
}

.btn-light {
    border-radius: 3px;
    background: #FFF;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.26);
    font-size: 14px;
    font-weight: 500;
    color: #633991;
    margin: 0.5rem;
    padding: 0.7rem 1.6rem;
    line-height: 1.8;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 0.8rem 1rem;
    font-size: 15px;
}

.light-bg {
    background-color: #faf6fb;
}

.section {
    padding: 60px 0;
}
.pad-sec{
    padding: 60px 0;	
}

.section-title {
    text-align: center;
    margin-bottom: 3rem;
}

.section-title small {
    color: #998a9b;
}

@media (max-width:767px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
}


/* NAVBAR
----------------------*/

.nav-menu {
    padding: 1rem 0;
    transition: all 0.3s ease;
}

.nav-menu.is-scrolling,
.nav-menu.menu-is-open {
    background-color: #172b3f;    
    -webkit-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
}

.nav-menu.is-scrolling {
    padding: 0;
}

.navbar-nav .nav-link {
    position: relative;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
        font-size: 14px;
    }
    .navbar-nav>.nav-item>.nav-link.active:after {
        content: "";
        border-bottom: 2px solid #cd99d4;
        left: 1rem;
        right: 1rem;
        bottom: 5px;
        height: 1px;
        position: absolute;
    }
}

@media (max-width:991px) {
    .navbar-nav.is-scrolling {
        padding-bottom: 1rem;
    }
    .navbar-nav .nav-item {
        text-align: center;
    }
}


/* HERO
----------------------*/

header {
    padding: 0px 0 0;
    text-align: center;
    color: #FFF;
}

.bg-gradient {
    background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
    background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
    background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
    background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
}


.tagline {
    font-size: 23px;
    font-weight: 300;
    color: #fff;
    max-width: 800px;
    margin: 0 auto;
}

.img-holder {
    height: 0;
    padding-bottom: 33%;
    overflow: hidden;
}

@media (max-width:1200px) {
    .img-holder {
        padding-bottom: 50%;
    }
}

@media (max-width:767px) {
    .tagline {
        font-size: 17px;
    }
    .img-holder {
        padding-bottom: 100%;
    }
}


/* FEATURES
----------------------*/

.gradient-fill:before {
    color: #fc73b4;
    background: -moz-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: -webkit-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: linear-gradient(to bottom, #9477b4 0%, #fc73b4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card.features {
    border: 0;
    border-radius: 3px;
    xbox-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

@media (max-width:991px) {
    .card.features {
        margin-bottom: 2rem;
    }
    [class^="col-"]:last-child .card.features {
        margin-bottom: 0;
    }
}


.card-text {
    font-size: 14px;
}

.card.features:hover {
    transform: translateY(-3px);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
}

.box-icon {
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.14);
    padding: 10px;
    width: 70px;
    border-radius: 3px;
    margin-bottom: 1.5rem;
    background-color: #FFF;
}

.circle-icon {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
    padding: 10px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 1.5rem;
    background-color: #FFF;
    color: #f5378e;
    font-size: 48px;
    text-align: center;
    line-height: 80px;
    font-weight: 300;
    transition: all 0.3s ease;
}

@media (max-width:992px) {
    .circle-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
        line-height: 50px;
    }
}

.ui-steps li:hover .circle-icon {
    background-image: -moz-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: -webkit-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: -ms-linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    background-image: linear-gradient( 122deg, #e6388e 0%, #fb378e 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.09);
    color: #FFF;
}

.ui-steps li {
    padding: 15px 0;
}

.ui-steps li:not(:last-child) {
    border-bottom: 1px solid #f8e3f0;
}

.perspective-phone {
    position: relative;
    z-index: -1;
}

@media (min-width:992px) {
    .perspective-phone {
        margin-top: -150px;
    }
}


/*  TABS
----------------------*/

.tab-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #FFF;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
    padding: 3rem;
}

@media (max-width:992px) {
    .tab-content {
        padding: 1.5rem;
    }
}

.tab-content p {
    line-height: 1.8;
}

.tab-content h2 {
    margin-bottom: 0.5rem;
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs .nav-item .nav-link,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    padding: 1rem 1rem;
    border-color: #faf6fb #faf6fb #FFF;
    font-size: 19px;
    color: #b5a4c8;
    background: #f5eff7;
}

.nav-tabs .nav-link.active {
    background: #FFF;
    border-top-width: 3px;
    border-color: #ce75b4 #faf6fb #FFF;
    color: #633991;
}


/*  TESTIMONIALS
----------------------*/

.owl-carousel .owl-item img.client-img {
    width: 110px;
    margin: 30px auto;
    border-radius: 50%;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}

.testimonials-single {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

.blockquote {
    color: #7a767a;
    font-weight: 300;
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: 0.5;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 60px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #e7d9eb;
    width: 35px;
    height: 8px;
    border-radius: 10px;
    transition: all 0.3s ease-in;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff487e;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #ff487e;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}


/*  IMAGE GALLERY
----------------------*/

.img-gallery .owl-item {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
    transform: scale(0.8);
    transition: all 0.3s ease-in;
}

.img-gallery .owl-item.center {
    transform: scale(1);
}


/*  PRICING
----------------------*/

@media (max-width:992px) {
    .card-deck {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .card-deck .card {
        margin-bottom: 15px;
    }
}

.card.pricing {
    border: 1px solid #f1eef1;
	border-radius: 12px;
}

.card.pricing.popular {
    border-top-width: 3px;
    border-color: #ce75b4 #faf6fb #FFF;
    box-shadow: 0px 12px 59px 0px rgba(36, 7, 31, 0.11);
    color: #633991;
}

.card.pricing .card-head {
    text-align: center;
    padding: 40px 0 20px;
}

.card.pricing .card-head .price {
    display: block;
    font-size: 50px;
    font-weight: 300;
    color: #000;
}

.card.pricing .card-head .price sub {
    bottom: 0;
    font-size: 55%;
}

.card.pricing .list-group-item {
    border: 0;
    text-align: center;
    color: #ef5344;
    padding: 1.05rem 1.25rem;
}

.card.pricing .list-group-item del {
    color: #d9d3d8;
}

.card.pricing .card-body {
    padding: 1.75rem;
}


/*  CALL TO ACTION
----------------------*/

.call-to-action {
    text-align: center;
    color: #FFF;
    margin: 3rem 0;
}

.call-to-action .box-icon {
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    transform: scale(0.85);
    margin-bottom: 2.5rem;
}

.call-to-action h2 {
    color: #FFF;
}

.call-to-action .tagline {
    font-size: 16px;
    font-weight: 300;
    color: #ffb8f6;
    max-width: 650px;
    margin: 0 auto;
}

.btn-light img {
    margin-right: 0.4rem;
    vertical-align: text-bottom;
}


/*  FOOTER
----------------------*/

.social-icons {
    text-align: right;
}

.social-icons a {
    background-color: #FFF;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.05);
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin: 0 0.3rem;
    border-radius: 5px;
    color: #f4c9e2;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    text-decoration: none;
    color: #e38cb7;
}

@media (max-width:991px) {
    .social-icons {
        text-align: center;
        margin-top: 2rem;
    }
	.row{xdisplay: inherit}
	.bannerleft,.bannerright,.howitworks .col-md-3.p-5{
	width: 100% !important;
    max-width: 100%;
	}
	
	
	.lftcnt, .rgtcnt{margin-top: 0 !important;padding-top: 150px;}
	.whoweare .col-md-6{float:left;flex: auto;align-self: center;}
	.whoweare .col-md-6.p-5{padding:10px 50px !important}
	.whoweare {xdisplay: inline-block;}
	.formulate .medialft,.formulate .mediargt,.formulate.mediabtm{border: none !important}
	.card.pricing{display: inline-block !important;}
	.client-logos .col-sm-3{width: 100% !important;max-width: 100%;text-align: center}
}
@media only screen and (max-width: 559px){
	body, html {
    overflow-x: hidden;
}}
@media (min-width:992px) and (max-width: 1200px) {
.lftcnt h1, .rgtcnt h1 {
    font-weight: 600;
    font-size: 45px !important;
}
}

.btnred{background-color: #db3a2a;border:1px solid #db3a2a;border-radius: 18px;padding:10px 25px;text-align: center;color:#fff}
.btnred:hover{color:#fff}
.btnredbig{background-color: #db3a2a;border:1px solid #db3a2a;border-radius: 22px;padding:10px 25px;text-align: center;color:#fff;font-weight: 400;font-size: 16px;text-transform: capitalize}
.btnredbig:hover{color:#fff}
.btnbluebig{background-color: #172b3f;border:1px solid #172b3f;border-radius: 22px;padding:10px 25px;text-align: center;color:#fff;font-weight: 400;font-size: 16px;text-transform: capitalize}
.bannerleft{background:url("../images/bannerleft.jpg")no-repeat;width:50%;height:640px;background-size: cover; }
.bannerleft:before{position: absolute;background-color:#db3a2a;width: 100%;height: 100%;opacity: 0.7;content:"";left:0 }
.lftcnt,.rgtcnt{position: relative;z-index: 9;margin-top: 210px;text-align: left}
.lftcnt h1,.rgtcnt h1{font-weight: 600;font-size: 50px;}
.bannerright{background:url("../images/bannerright.jpg")no-repeat;width:50%;height:640px;background-size: cover; }
.bannerright:before{content:"";position: absolute;background-color:#172b3f;width: 100%;height: 100%;opacity: 0.7;left:0 }

.slider-product h4{color:#ef5344}
.slider-product h4 p{color:#404f54}
.whoweare{background-color: #f4fafa;}
.whoweare h4{color:#404f54;font-size: 22px;font-weight: 500}
.whoweare p{color:#404f54}
.whoweare .read{color:#f07065;font-weight: 500;font-size: 14px}
.formulate .section-title h3,.howitworks h3,.pricing h3,.pricing small{color: #404f54}
.formulate .section-title small,.howitworks small,.pricing p{color: #404f54;font-size: 20px}
.formulate .imagesec{width:100%;float: left;}
.formulate .card-body{padding-bottom:0}
.formulate .boxsec{margin-bottom: 15px}
.medialft{border-left: 1px solid #ddd;}
.mediargt{border-right: 1px solid #ddd;}
.mediabtm{border-bottom: 1px solid #ddd;}
.mediasec{padding-bottom: 15px;}
.card-body:hover > .mediasec {border: none !important}
.mediasec .media-body .card-title{color:#404f54;margin-top: 5px;display: inline-block;font-weight: 500}
.mediasec .media-body .card-text{color:#404f54}
.howitworks{background-color: #f4fafa;text-align: center}
.bdrline{width:70px;height:15px;border-bottom: 2px solid #ef5344;margin: 10px 0;}
.howitworks h4{color:#404f54}
.pricecheck{width:165px;float: left}
.form-check-label{position: relative;margin-bottom: 0;display: initial !important;}
.form-check-label input{visibility: hidden;}
.form-check-label:before{content:"";color: #fff;background-color: #fff;border-radius: 50%;top: 4px;left: 0;display: block;width: 18px;height:  18px;position: absolute;border: 1px solid #ccc;}
.checked .form-check-label:after{content:"";color: #fff;background-color: #007bff;border-radius: 50%;top: 7px;left: 3px;display: block;width: 12px;height:  12px;position: absolute}
.disinblk{display: inline-block !important}
.clrbth{clear:both}
.priceplan{width:540px;margin:0 auto}
.pricing .card-title{background-color: #ef5344;color:#fff;text-align: center;padding: 20px 20px;border-top-left-radius:12px;border-top-right-radius:12px;font-size: 20px;}
.radiusnon{border-radius: 0 !important}
.fntwgt500{font-weight: bold}
.client-logos{background-color: #f4fafa;padding: 30px 0}
.client-logos .col-sm-3{flex:auto;align-self:center}
.footer{background-color: #ef5344;padding: 20px 0;text-align: center;    display: inline-block;
    width: 100%;}
.footer small{color:#fff;} 
img{max-width: 100%}
/*.owl-nav.disabled{display: block !important}*/
.text-normal{text-transform: none !important}


.feedback-sec h4{
color: #ef5344;
 font-size: 28px; 
}

.feedback-sec .bx{
	    padding: 0px 25px; 
}
.feedback-sec {
	padding:60px 0px;
	    border-bottom: 1px solid #fdfafa;
}

.feedback-sec .icon-text-block.left-align{text-align: left;}

.feedback-sec .icon-wrapper{float: left;}

.feedback-sec .icon-wrapper img{margin: 0 auto;} 

.feedback-sec .text-wrapper{ padding-left: 6rem;}

.who-we-are-bg{
	background-image:url('../images/who-we-are-bg.jpg');
	background-size:cover;
	background-position:center center;
	width:100%;
	height:430px;
}

.why-us-bg{
background-image:url("../images/why-us-bg.jpg");
	background-size:cover;
	background-position:center center;
	width:100%;
	height:430px;	
}
.benifits-bg{
background-image:url("../images/benifits-bg.jpg");
	background-size:cover;
	background-position:center center;
	width:100%;
	height:430px;	
}


.tbl-sec{
	display:table;
	width:100%;
	float:none;
}
.zigzag-sec .tbl-cell{
float:none !important;
	display:table-cell;
	width:50%;
	vertical-align:middle; 
	
}

.zigzag-sec .cnt-sec{
padding: 100px 100px 0px 100px;
}

.zigzag-sec .cnt-sec h4{
	    font-size: 26px;
    font-weight: 600;
}
.zigzag-sec .cnt-sec p{
    line-height: 30px;
	
}

.industy-list-sec .jobs-list h4{
	    font-size: 20px;
    font-weight: 600;
    color: #172b3f;
    margin-top: 10px;
}

.industy-list-sec .jobs-list select{
	    max-width: 230px;
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #e8e8e8;
    margin-bottom: 10px;
    font-size: 13px;
      color: #3a3737;
}

.testimonial-slider .single-slide {
background-color: #f4fafa;
    padding: 45px 35px 35px 45px;
    color: #707070;
    font-size: 16px;
    line-height: 26px;
} 

.testimonial-slider .single-slide .slide-img {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 15px;
}
.testimonial-slider .content h4 {
        margin: 15px 0 0;
    font-weight: 600;
    color: #172b3f;
    font-size: 17px;
}
.testimonial-slider {
    text-align: center;
}

.testimonial-slider h3{
	    color: #404f54;
}

.testimonial-slider .owl-dots {
    margin: 50px 0 0;
}

.testimonial-slider .owl-dot.active {
    background-color: #EC5538;
}

.text-uppercase {
    text-transform: capitalize !important;
}

.testimonial-slider .owl-dot {
    width: 10px;
    height: 10px;
    background: #fff;
    display: inline-block;
    margin: 0 5px;
    border-radius: 50%;
    border: 1px solid #EC5538;
}

.owl-carousel .owl-dots.disabled{
	display:block !important;
} 

.slider-product.list .col-sm-3{
	padding:0px 40px;
}


.slider-product.list .category-list {
    padding: 30px;
    background: #e9e9e9;
	    position: relative; 
	display:none;
    width: 100%;
    float: left;
}

.slider-product.list .category-list ul li a{
	color:#333;
}

.slider-product.list .category-list  h4{
	color:#333;
	
}

.slider-product .category-list:after, .slider-product .category-list:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.slider-product.list .category-list ul li {
    padding: 6px 0px;
}

.slider-product .category-list:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ffff;
	border-width: 25px;
	margin-left: -25px;
}
.slider-product .category-list:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 26px;
	margin-left: -26px;
}

/*.electrical-sec:hover .category-list{
	display:block;
}*/

.btn-readmore, .btn-readmore:hover, .btn-readmore:focus {
    background: #172b3f;
    color: #fff;
    padding: 3px 10px!important;
    font-size: 11px;
    text-transform: capitalize !important;
	text-transform:none;
}



@media(max-width:1280px){
	.zigzag-sec .cnt-sec {
    padding: 70px 70px 0px 70px;
}
}
@media(max-width:1200px){
	.formulate .section-title small, .howitworks small, .pricing p {
    color: #404f54;
    font-size: 17px;
}
h3 {
    font-size: 28px;
}
	.lftcnt h1, .rgtcnt h1 {
    font-size: 37px !important;
}
.container {
    max-width: 850px;
}	.zigzag-sec .cnt-sec {
    padding: 50px 50px;
}
	.tagline {
    font-size: 20px;
}
	.lftcnt a, .rgtcnt a{
	    margin-top: 20px !important;
		
	}
	.feedback-sec h4 {
    font-size: 23px;
}
p {
  
    font-size: 14px;
}
	.zigzag-sec .cnt-sec p {
    line-height: 27px;
}
	.feedback-sec .bx {
    padding: 0px !important;
}
	.feedback-sec .p-2{
		padding:0px 15px;
	}
}

@media(max-width:1000px){
.bannerleft, .bannerright {
    height: 500px;

}	
	
}

@media(max-width:991px){
	
	.btn-readmore, .btn-readmore:hover, .btn-readmore:focus {

    margin-bottom: 20px;
}
	
	.lftcnt h1, .rgtcnt h1 {
    font-size: 30px !important;
		    margin-bottom: 10px;
}
}

@media(max-width:767px){
	.zigzag-sec .col-sm-12.col-md-6{
	    width: 100%;
    display: inline-block !important;
    max-width: 100% !important;
	}
	.zigzag-sec  .d-flex {
  width: 100% !important;
    display: inline-block !important;
}
h3 {
    font-size: 25px;
}
	.formulate .section-title small, .howitworks small, .pricing p {
    color: #404f54;
    font-size: 15px;
}
	.tbl-sec {
    display: inline-block !important;
    width: 100%;
    float: left !important;
}
	.who-we-are-bg, .why-us-bg, .benifits-bg {
  
    height: 350px;
}
	
	.zigzag-sec .tbl-cell {
    display: inline-block;
    width: 100%;

    float: left !important;
}
	
	.bannerleft, .bannerright {
    height: auto !important;
		    padding: 100px 0px;
		background-size: auto !important;
}
	.lftcnt, .rgtcnt {
    margin-top: 0 !important;
    padding-top: 0px;
}
	
.bannerleft:before {

    top: 0px;
}
.bannerright:before {

    top: 0px;
}	
}
.social, .social ul  {
	width:100%;
	display:inline-block;
	text-align:center;
	    margin: 0px;
}


.social ul li{
	display:inline-block;
	
}
.social ul li a{color:#fff;font-size:20px;}

.order2{
	order:2;
}
.order1{
	order:1;
}
.howitworks hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    max-width: 700px;
    width: 100%;
}
   
section.slider-product.testimonial-slider.pad-sec {
    display: inline-block;
    width: 100%;
}

.item{
	background: #fff;
    padding: 50px 0;
}
.item.active{
	background: #e9e9e9;
    padding: 50px 0;
}

.owl-carousel.owl-drag .owl-item{
padding-bottom: 0px	
}
.pdbtm0{padding-bottom: 0 !important}

.bg-red{background-color: #ffedeb !important;}




div#category-list .owl-nav.disabled{display:block !important;}

div#category-list .owl-nav .owl-prev:before{
    font-size: 65px;
   content: "\f104";
    font-family: fontawesome;
} 

div#category-list .owl-nav .owl-next:after{
	font-size: 65px; 
	 content: "\f105";
	 font-family: fontawesome;
} 

div#category-list .owl-prev, .owl-next{font-size: 0px;}



.blogevent{background-color: #fafafa !important}
.blogevent .text-wrapper {
    padding-left: 8rem !important;
}
.blogevent .bx {
    background-color: #fff;
    padding: 5px !important;
    margin-bottom: 5px;
	display: inline-block;
	width:100%;
	min-height: 132px;
	box-shadow: 0px 2px 1px #ebebeb9e;
}
.blogevent h3 {
    color: #404f54;    
}
.blogevent h4 {
    color: #ef5344;
    font-size: 18px;
}
.blogevent .eventlist h4 {
    color: #172b3f;
    font-size: 16px;
}

.blogevent .bloglist{margin: 10px;border-bottom:1px dotted #ccc;padding: 10px}

.mr a {
    text-transform: capitalize;
    font-size: 12px;
    text-decoration: none;
	padding-top: 5px;
    padding-right: 5px;
}

.font20{font-size: 20px !important}
.font40{font-size: 40px !important}

.bgfm .regionLabelLocal a{color:#2D75C2;text-decoration:underline;}
.bgfm .regionLabelLocal a:hover{text-decoration:none;}
/*.bgfm .nav-tabs{padding-top:20px;}*/
.bgfm .explanation{font-size: 12pt;color: gray;padding: 10px;font-weight: 200;position: absolute;top: 44px;left: 190px;max-width: 65%;}
.bgfm_style  a{color:#2D75C2}
.bgfm_style{padding:0 10px;margin:0px;border-right:1px solid lightgray;border-bottom: 1px solid lightgray;border-left: 1px solid lightgray;}
.bgfm_style h3{color:black;}
.bgfm_style h4{color:black;}
.bgfm_style .text_sm{font-size:10pt;color:darkblue;text-decoration:underline;}
.bgfm_style .messaging{color:white;}
.bgfm_style .messaging .row{padding:10px;}
.bgfm_style .messaging .col-sm-12{height:300px;/*background-color:#004e94;*/}
.bgfm_style .messaging .col-sm-12 h5{color:white;}
.bgfm_style .categoryheader{padding-right:0px;}
.bgfm_style .categories{padding-left:20px;display: flex;width: 100%;}
.bgfm_style .categories a{font-weight:bold;font-size:11pt;color:#2D75C2;text-decoration:none;}
.bgfm_style .categories a:hover{text-decoration:underline;}
.csiClassView .categories a{font-weight:bold;font-size:11pt;line-height:11px;color:#ef5344;text-decoration:none;}
.csiClassView .categories a:hover{text-decoration:underline;}
.csiClassView .categories li{padding:5px;margin:0px;}
.categories ul,.subcategorieslist ul{list-style: none}
.csiClassView .subcategories{padding-left: 0px;margin-bottom: 10px;padding-bottom: 10px;}
.csiClassView .subcategories a{font-size:11pt;color:#2D75C2 !important;text-decoration:none;}
.csiClassView .subcategories a:hover{text-decoration:underline;}
.csiClassView .selectedGroup{background-color:#f1f1f1;}
.bgfm .linkToFMPM{ text-align: center; margin-top: 22px;}
.bgfm .linkToFMPM a{color:#2D75C2;text-decoration:underline; font-size: 12pt;}
.bgfm .linkToFMPM a:hover{text-decoration:none;}
.subcategorieslist{position:relative;top:0px;padding:0 50px;background-color: #fafafa;display:none;}
.subcategorieslist h4{color:#404f54;font-weight: bold;padding-left: 5px}
.myUL {
  list-style-type: none;
}

.myUL {
  margin: 0;
  padding: 0;
	width: 100%;
    float: left;
}
.myUL span{font-weight: bold;padding: 5px;width:100%;float:left;font-family: "Segoe UI" ! important;color: #404f54;}
.fa:before{font: normal normal normal 14px/1 FontAwesome}
.nested {
  display: none;
  margin-left: 10px;
  padding-left: 10px;
  width: 100%;
 float: left;
 max-height: 300px;
 overflow: auto;
}
.nested li a{padding: 5px;width:100%;float:left}
.showsub {
  display: block;
}