@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0;}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

img{ max-width:100%;}

body{font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif; color:#384a56; line-height:26px;}

header{ position:absolute; z-index:99; width:100%;}

.logo{ float:left; padding:6px;}

.header-bg{background: #fff;
width: 100%; position:fixed;
margin-top:0px; box-shadow:0 0 30px rgba(4, 5, 20, 0.2);
padding:0px;}

.request{ background:#792b7b; color:#fff !important;}
.request:hover{ background:#fff; color:#792b7b !important;}




.slider{ width:100%; height:auto; float:left;}

.slide-text{width: 100%;
max-width: 1170px; color:#fff;
margin:15% auto auto;
position: absolute;
left: 0; padding:0 20px;
right: 0;
display: table;}

.slide-text h2{ font-size:30px; font-weight:400;}

.slide-text h3{ font-size:20px; font-weight:400;}

.slide-text a{background: #792b7b;
color: #fff;
font-size: 15px;
text-transform: uppercase;
padding: 10px 25px;
border-radius: 30px;
font-weight: 400;
margin-top: 20px;
display: inline-block;}

.slide-text a:hover{background: #fff; color:#792b7b;}

#part{ width:100%; float:left; padding:50px 30px;}

.shadow{box-shadow: 0 0 40px rgba(4, 5, 20, 0.2); border-radius: 7px;}

.part-text{ width:40%; float:left; padding:80px 50px;}

.part-text h2{font-size:35px; color:#0c022f!important; font-weight:400 !important; margin-bottom:25px !important;}

.part-text p{font-size:18px !important; color:#0c022f!important; font-weight:400 !important;}

.left-img{ width:50%; float:left;}

.why-us{ width:100%; height:auto; float:left; margin-bottom:50px;background-color: #e1eaf8;}

.why-us ul{ padding:0; margin:0;}

.why-us ul li{ list-style:none; display:inline-block; width:33.33%; float:left; padding:15px 20px;}

.why-us-box{ width:100%; height:auto; float:left; border-radius: 0.25rem;box-shadow: 0 2px 8px 0 rgb(16 7 104 / 10%), 0 1px 2px 0 rgb(83 51 237 / 6%);background-color:#fff; padding:40px 20px; text-align:center; min-height:335px;}

.why-us-box h3{ font-size:21px; color:#0c022f; margin-bottom:15px; font-weight:400;}

.why-us-box p{ font-size:16px; color:#0c022f; font-weight:400;}

.why-us-box:hover h3{ color:#3296dc;}

#modules{ width:100%; height:auto; float:left; background:url(../images/bg-img01.jpg) no-repeat center top; min-height:450px; background-size:cover;}

#modules h2{ color:#fff; font-size:30px; font-weight:300; width:100%; text-align:center; max-width:600px; margin:5% auto 20px; line-height:40px;}

#modules p{ color:#fff; font-size:16px; font-weight:300; width:100%; text-align:center; max-width:700px; margin:auto;}

#modules ul{ width:100%; float:left; padding:0; margin:30px 0 0 0;}

#modules ul li{ list-style:none; display:inline-block; width:25%; padding:15px; float:left;}

.module-box{ width:100%; height:auto; float:left; text-align:center; padding:30px 20px; border-radius:5px;}

.module-box h3{ color:#0c022f; font-size:21px; font-weight:400; margin:10px 0;}

.work-hr{ background:#fff;}
.work-ats{ background:#fff;}
.work-crm{ background:#fff;}
.work-books{ background:#fff;}

.module-box:hover{box-shadow: 0 0 40px rgba(4, 5, 20, 0.2);}

.features-text{ width:42%; float:right; padding:80px 0px;}

.features-text h2{font-size:35px !important; color:#3296dc !important; font-weight:300 !important; margin-bottom:25px !important;}

.features-text p{font-size:18px !important; color:#0c022f!important; font-weight:300 !important;}

.right-img{ width:50%; float:right; padding:8% 3%;}


.features-text ul{ padding:0; margin:0;}

.features-text ul li{ list-style:none; display:inline-block; width:100%; font-size:18px !important; color:#0c022f!important; font-weight:300 !important; background:url(../images/bulate-icon.png) no-repeat left top; padding:0 0 0 40px; margin-bottom:15px;}


#mission{ background:url(../images/bg-img02.jpg) no-repeat top center; background-size:cover; min-height:620px; float:left; width:100%;}

.user-reviews{ float:left; width:100%; max-width:456px; height:476px; background:url(../images/user-review-bg.png) no-repeat top left; margin-top:13px; padding:80px; position:absolute;}

.review-text{ width:100%; text-align:center; color:#fff;}

.user-img{ width:120px; height:120px; border-radius:50%; border:#d2e8f7 5px solid; margin-top:15px; margin-bottom:15px;}

.mission-text{ width:100%; height:auto; float:left; padding:100px 0 0 476px; color:#fff; text-align:center; font-weight:300; font-size:16px;}

.mission-text h2{ color:#fff; font-size:30px; font-weight:300; margin-top:80px; margin-bottom:15px;}

#demo{ width:100%; height:auto; float:left; margin:50px 0;}

#demo ul{ width:100%; float:left; background:url(../images/bg.jpg) no-repeat center; min-height:156px; color:#fff; }

#demo ul li{ list-style:none; display:inline-block; width:50%; float:left; padding:20px; font-weight:300;}

#demo ul li h3{ width:100%; float:left; font-size:21px; font-weight:400;}

#demo ul li p{ width:100%; float:left; font-size:16px;}

#demo ul li a{background: #fff;
color: #792b7b;
font-size: 15px;
text-transform: capitalize;
padding: 10px 25px;
border-radius: 30px;
font-weight: 400;
margin-top:0px;
display: inline-block;}

#demo ul li a:hover{background: #792b7b; color:#fff;}

#demo ul li:last-child{ border-left:#611564 3px solid;}

footer{ width:100%; height:auto; float:left; background:#3a3f42;box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);}


.flinks{ width:100%; height:auto; float:left;}

.flinks h4{ color:#fff; font-size:18px; font-weight:500; margin:40px 0 10px 0;}

.flinks ul{ padding:0; margin:0 0 20px 0; float:left; width:100%;}

.flinks ul li{ list-style:none; display:inline-block; width:100%; float:left; padding:3px;}

.flinks ul li a{ color:#fff; font-size:14px;}

.flinks ul li a:hover{ color:#b543b8;}

.get-in-touch{ width:100%; float:left; background:#3a3f42; padding:40px 20px; text-align:center;}

.get-in-touch p{ color:#fff; font-size:13px;}

.get-in-touch p img{ margin:2px 3px;}

/*===== New CSS 16/03/2019 =====*/

.new-part1{ width:100%; height:auto; float:left; padding:80px 0; background:#e1eaf8; color:#0c022f;}

.new-part1 h2{margin-bottom:15px; margin-top:20px;color:#fff;
    background:#792b7b; font-size:37px;
    padding:15px;
    box-shadow: 0 10px 11px -6px rgba(0,0,0,.5);
}

.new-part1 h3{margin-bottom:15px;
    font-size:21px;
    padding:0px;
}

.new-part1 p{font-size: 16px;
font-weight: 400;
line-height: 24px;}

.media-body h5 {
font-size: 18px;
font-weight: 500;
color: #0c022f;
margin-bottom: 10px;
margin-top: 5px !important;
}

.new-part2{ width:100%; height:auto; float:left; padding:80px 0; background:#fff; color:#0c022f;}

.new-part2 h2{margin-bottom:15px; margin-top:20px;color:#fff;
    background:#792b7b; font-size:37px;
    padding:15px;
    box-shadow: 0 10px 11px -6px rgba(0,0,0,.5);
}

.new-part2 h3{margin-bottom:15px;
    font-size:21px;
    padding:0px;
}

.new-part2 p{font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-bottom:10px;
}

.new-slider-bg{ background:url(../images/home-banner-bg-work1.jpg) no-repeat center top; background-size: cover;
color: #fff;
width: 100%;
padding-top: 6rem;
padding-bottom: 6rem;
position: relative;
min-height: 580px;
text-shadow: 5px 0 15px rgba(0,0,0,.25);}

.new-slider-bg h1{ margin-top:65px; font-size:45px;margin-bottom: 25px;}
.new-slider-bg h3{ margin-top: 2.5rem;  font-size: 2.25rem;margin-bottom: 2.5rem;}

.new-slider-bg .type-points {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.75rem;
    min-height: 90px;
    margin-top: 3rem;
}
/*===== Innner Pages =====*/

.banner{ width:100%; height:auto; float:left; height:460px; background:#5b1d5d; margin-top:50px;}

.banner-text{width: 100%; color:#fff; padding:5% 20px; min-height:430px;}

.banner-text h2{ font-size:34px; font-weight:400; max-width:600px;}

.banner-text p{ font-size:16px; font-weight:400; max-width:600px;}

.wht-btn{background: #fff;
color: #0365aa;
font-size: 15px;
text-transform: uppercase;
padding: 10px 25px;
border-radius: 30px;
font-weight: 400;
margin-top: 20px;
display: inline-block;}

.wht-btn:hover{background: #792b7b; color:#fff;}

.green-btn{background: #792b7b;
color: #fff;
font-size: 15px;
text-transform: capitalize;
padding: 10px 25px;
border-radius: 30px;
font-weight: 400;
margin-top: 20px;
display: inline-block;}

.green-btn:hover{background: #fff; color:#792b7b;}

.green-btn1{background: #792b7b;
color: #fff;
font-size: 15px;
text-transform: uppercase;
padding: 10px 25px;
border-radius: 30px;
font-weight: 400;
margin-top: 20px;
display: inline-block;}

.green-btn1:hover{background: #4e30df; color:#fff;}

.feb-bg{ margin-top:-160px; background:none !important; min-height:inherit !important;}

.left-img-row{ width:100%; float:left; padding:50px 0px 20px;}

.rl-left{ width:50%; display:inline-block;}

.rl-right{ width:50%; display:inline-block;}

.pull-left{ float:left;}

.pull-right{ float:right;}

.part-text1{ width:100%; float:left; padding:20px 0 0 30px;}

.part-text1 h2{font-size:35px; color:#3296dc !important; font-weight:300 !important; margin-bottom:10px !important;}

.part-text1 p{font-size:16px !important; color:#0c022f!important; font-weight:300 !important;}

.part-text1 ul{ padding:0; margin:0;}

.part-text1 ul li{ list-style:none; display:inline-block; width:100%; font-size:16px !important; color:#0c022f!important; font-weight:300 !important; background:url(../images/bulate-icon.png) no-repeat left top; padding:0 0 0 40px; margin-bottom:15px;}

.ml-left{ margin-left:-30px;}

.ml-right{ margin-right:-30px; float:right;}

.features-list{ width:100%; height:auto; float:left; background:#792b7b;}

.features-list ul{ width:100%; text-align:center; padding:0; margin:0;}

.features-list ul li{ list-style:none; display:inline-block;}

.features-list ul li a{ color:#fff; font-size:18px; text-decoration:none; padding:15px 23px 15px 23px; display:inline-block;}

.features-list ul li a:hover{ color:#000;}

.login-section{ width:100%; height:auto; float:left; text-align:center; height:100vh;
background: #0365aa; /* Old browsers */
background: -moz-linear-gradient(top, #150773 0%, #792b7b  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #150773 0%,#792b7b  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #150773 0%,#792b7b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0365aa', endColorstr='#3296dc',GradientType=0 ); /* IE6-9 */
}

.login-row{ width:100%; height:auto; float:left; background:#fff; height:80vh; margin:10vh auto auto;}

.lg-left{ width:40%; float:left; position:relative; background:url(../images/bg1.jpg) no-repeat top right; height:100%;}

.lg-left a{ font-size:0px; width:100%; height:100%; float:left; background:url(../images/curbe-bg.png) no-repeat right top;}

.lg-right{ float:left; width:40%; text-align:left; padding:30px 20px;}

.lg-right h3{ font-size:25px; color:#0365aa; font-weight:300;}

.form-group {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.text-feild{ width:100%; height:auto; float:left; border:none; border-bottom:#0c022fthin solid; padding:10px 0; margin-bottom:10px;}

.text-feild:focus{border-bottom:green thin solid;}

.pure-radiobutton{float: left;
width: 50%;
padding: 15px 0;}

.pure-checkbox{float: left;
width: 100%;
padding:0px 0 10px;}

button{ border:none; cursor:pointer;}

.reg-bg{background:url(../images/bg2.jpg) no-repeat top right !important;}
.demo-bg{background:url(../images/bg3.jpg) no-repeat top right !important;}

.contact-banner{ width:100%; height:auto; float:left; margin-top:50px;}

.contact-banner img{ max-width:100%;}

#contact-div{ width:100%; height:auto; float:left; padding:50px 0;}

#contact-div p{ text-align:center; font-size:18px; font-weight:300; margin-bottom:20px;}

.con-left{ width:50%; height:auto; padding:9% 20px; float:left; background:url(../images/contact-bg-left.jpg) no-repeat center top; background-size:cover; min-height:490px; text-align:center; color:#fff; box-sizing:border-box;}


.con-left h3{ font-size:21px; font-weight:700;}

.con-left p{ font-size:18px; font-weight:300; margin-bottom:30px;}

.con-left p a{ color:#fff;}

.con-right{ width:50%; float:left; height:auto; min-height:490px; background:#faf8f8; padding:5%; box-sizing:border-box;}

.con-right .text-feild{ background:none;}

.con-right h2{ font-size:21px; color:#0365aa; font-weight:300;}

.inner-banner{ width:100%; height:auto; float:left; background:no-repeat top center; background-size:cover; height:430px; text-align:center;}

.inner-banner h1{ font-size:50px; color:#fff; font-weight:bold; line-height:430px;}

#inner{ width:100%; height:auto; float:left; padding:50px 0;}

#inner p{ margin-bottom:15px; font-size:16px;}

#inner h2{ margin-bottom:15px; font-size:25px;}

#inner h3{ margin-bottom:15px; font-size:21px;}

#inner h4{ margin-bottom:15px; font-size:18px;}

#inner h6{ margin-bottom:15px; font-size:16px;}

#inner h6{ margin-bottom:15px; font-size:14px;}

#inner ul{ width:100%; height:auto; float:left; padding:0 0 0 20px;}

.pricing-banner{ width:100%;}

.pricing-banner h1{ font-weight:400; line-height:100px !important; margin-top:10%;}

.pricing-banner p{ color:#fff; font-size:25px;}

.pricing h4{ font-size:25px; color:#324959; width:100%; text-align:center; margin:0 0 20px 0; font-weight:300;}

.pricing ul{width:100% !important;
height: auto;
padding: 0 !important;
margin: 0 -10px;}

.pricing ul li{ list-style:none; display:inline-block; width:33%; float:left; padding:10px; box-sizing:border-box; text-align:center; vertical-align:top;}

.price-box{ width:100%; float:left; background:#eff0f0; position:relative;}

.price-box:hover{box-shadow: 0 0 40px rgba(4, 5, 20, 0.2);}

.price-box h2{ background:#3296dc; color:#fff; font-weight:400; padding:20px 0; width:100%; text-transform:capitalize;}

.price-box a{ border-radius:25px; color:#fff; background:#3296dc; padding:10px 20px; font-weight:300; display:inline-block; margin-bottom:20px;}

.price-box a:hover{color:#fff; background:#0c022f!important;}

.price-box p{ padding:0px 10px; font-size:14px !important;}

.b2 h2{background:#792b7b !important;}

.b2 h2 span{ display:none;}

.price-box:hover span{font-size: 16px;
width: 100%; display:block;
text-align: center;
position: absolute;
top: 16px;
left: 0;
right: 0;}

.b2 a{background:#792b7b !important;}
.b3 h2{background:#e31d2e !important;}
.b3 a{background:#e31d2e !important;}
.b4 h2{background:#ff9800 !important;}
.b4 a{background:#ff9800 !important;}

.mtb{ margin:18% 0 !important;}

.table-grid{ width:100%; height:auto; float:left; margin-top:50px;}
.grid-row{border-bottom: 1px solid #edeff0;
padding: 10px; float:left; width:100%;
transition: .3s;}

.grid-row:hover{ background:#f7fafa;}

.grid-row span{ display:none;}

.col01{ width:40%; float:left;}
.col01 h2{ font-size:21px !important; font-weight:500; margin-bottom:0 !important;}
.col01 h5{ font-size:16px !important; font-weight:300; margin-bottom:0 !important; color:#6d6c6a;}
.col02{ width:20%; float:left; color:#3296dc; font-size:16px !important; text-align:center;}
.col02 h2{ font-size:16px !important; font-weight:400; margin-bottom:0 !important;}
.col03{ width:20%; float:left; text-align:center; color:#792b7b;}
.col03 h2{ font-size:16px !important; font-weight:400; margin-bottom:0 !important;}
.col04{ width:15%; float:left; text-align:center; color:#e31d2e;}
.col04 h2{ font-size:16px !important; font-weight:400; margin-bottom:0 !important;}
.col05{ width:20%; float:left; text-align:center; color:#ff9800;}
.col05 h2{ font-size:16px !important; font-weight:400; margin-bottom:0 !important;}


.terms-right{ float:none; position: fixed; z-index:9999; width:100%; text-align:left; padding:30px 20px; display:none; margin:auto; height:100vh; background:rgba(0,0,0,0.8); overflow:auto;}

.terms-text{ background:#fff; width:100%; max-width:800px; margin:auto; padding:20px; margin-top:20px;}


.terms-right h3{font-size: 25px; text-align:center;
color: #0365aa; box-shadow: 2px 2px 3px #ccc;
font-weight: 300;
position: fixed;
background: #fff;
width: 100%;
top: 0;
padding: 10px 18px;
left: 0;
right: 0;}

.terms-right ul{ padding:10px 10px 10px 20px;}


/*===== New CSS 13/09/2018 =====*/

.banner-img{ width:60%; float:right;}

.banner-img img{ max-width:100%;}

.banner-text1{width: 40%; color:#fff; padding:5% 20px; min-height:430px;}


.banner-text1 h2{ font-size:34px; font-weight:400; max-width:600px;}



@media (max-width: 1170px) {

.part-text h2{ font-size:25px;}

.part-text p{ font-size:16px;}

#part{ padding-bottom:0px;}
	 
	 
 }

@media (max-width: 992px) {
	
.slide-text h2{ font-size:18px;}

.slide-text h3{ font-size:14px;}	

.left-img{ width:100%; text-align:center;}

.part-text {
    width: 100%;
    float: left;
    padding: 50px 0px;
}

.features-text {
    width: 100%;
    float: right;
    padding: 80px 25px;
}

.user-reviews{ top:12px; position:relative;}

#mission{ background-size:inherit;}

.right-img {
    width: 100%;
    float: right;
    padding: 8% 3%;
    text-align: center;
}

.mission-text{ color:#333; padding:20px;}

.mission-text h2{ color:#3296dc;}

#demo ul li{ padding:10px;}

/*===== Innner Pages =====*/

.banner-text{ background:none !important; text-align:center;}

.banner{ height:inherit;}

.banner-text{ min-height:inherit;}

.banner-text h2{ max-width:100%;}

.banner-text p{ max-width:100%;}

.features-list{display:none;}

.ml-left {
    margin-left: 0px;
}

.ml-right {
    margin-right: 0px;
    float: right;
}

.part-text1{ padding:20px 20px 0 20px;}

.lg-left{ width:100%; background-size: cover !important;}
.lg-right{ width:100%; padding:20px;}

.lg-left a{ background:none;}

.login-row{ margin:0; height:100%;}

.inner-banner{ height:280px;}

.inner-banner h1{ line-height:280px;}

.pricing ul li{ width:50%;}

/*===== New CSS 13/09/2018 =====*/

.banner-text1 h2 br{ display:none;}

.feb-bg{ margin-top:0px;}

	
}

@media (max-width: 767px) {
	
.why-us ul li{ width:100%;}	

.why-us-box{ min-height:inherit;}

#modules ul li{ width:50%;}

#demo ul li{ width:100%; text-align:center !important;}

#demo ul{ background-size:cover;}

#demo ul li:last-child {
    border-top: #9ac9e7 3px solid; border-left:none;
}

.user-reviews {
    top: 0px;
    position: relative;
    background: #3296dc;
    width: 100%; height:auto; padding:30px;
    max-width: 100%;
}

#mission{ background:none;}

.mission-text h2{ margin-top:20px;}

/*===== Innner Pages =====*/

.rl-left{ width:100%;}

.rl-right{ width:100%; padding:20px 0 30px 0px;}

.left-img-row{ padding:0px;}

.part-text1{ padding:20px 0 0 0;}

.con-left{ width:100%; min-height:inherit;}

.con-right{ width:100%; min-height:inherit;}

.pricing ul li{ width:100%;}

.mtb {
    margin: 20px 0 !important;
}

.col01{ width:100%;}

.col02 h2{ display:none;}
.col03 h2{ display:none;}
.col04 h2{ display:none;}
.col05 h2{ display:none;}

.col02{ width:25%; text-align:left;}
.col03{ width:25%; text-align:left;}
.col04{ width:25%; text-align:left;}
.col05{ width:25%; text-align:left;}

.col02 img{ float:left;}
.col03 img{ float:left;}
.col04 img{ float:left;}
.col05 img{ float:left;}

.grid-row span {
    display: block;
}

.col01 h5{ margin-bottom:10px !important;}


/*===== New CSS 13/09/2018 =====*/

.banner-img {
    width: 100%;
    float: right;
    text-align: center;
}

.banner-text1 {
    text-align:center;
    width: 100% !important;
}


}

@media (max-width: 640px) {
	
#modules ul li {
    width: 100%;
}

header{ position:relative;}	

.header-bg{ margin-top:0px;}

.slide-text{ margin-top:5%;}

/*===== Innner Pages =====*/

.part-text1 h2{ font-size:26px;}

.lg-left {
    width: 100%;
    background-size: 100%;
    height: 270px;
}


	
}


@media (max-width: 479px) {
	
.slide-text h2{ font-size:14px;}

.slide-text a {
    font-size: 12px;
    padding: 5px 25px;
    margin-top: 0px;
}

/*===== Innner Pages =====*/

.feb-bg{ margin-top:0px;}

.col02 img{ float:none;}
.col03 img{ float:none;}
.col04 img{ float:none;}
.col05 img{ float:none;}

.grid-row span {
    display: block; width:100%;
}

.col02{ text-align:center;}
.col03{ text-align:center;}
.col04{ text-align:center;}
.col05{ text-align:center;}

	
	
}

    #part {
        display:inline-block;
    }

}


/*===== 06/09/2018 =====*/

#part{
    width:100%; padding:0;
    height: auto;
    display: -webkit-flex; /* Safari */
    display: flex;
}

#part div {
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}

.left-img{ padding:14px;width: 60%;}

.right-img{ padding:14px;width: 60%;}


#job-board{ width:100%; height:auto; float:left; padding:50px 0; background:#f8f4f4;}

#job-board h2{ font-size:30px; font-weight:600; color:#0c022f; text-align:center; width:100%; display:inline-block; margin-bottom:20px;}

#job-board ul{ width:100%; text-align:center; display:inline-block;}

#job-board ul li{ list-style:none; display:inline-block; padding:25px;}