@font-face {
	font-family: "LEVIBRUSH";
	src: url("../css/font/LEVIBRUSH.TTF");
	
	
}
@font-face {
	font-family: "Perfetto";
	src: url("../css/font/Perfetto.ttf");
	
	
}
@font-face {
	font-family: "Poppins-Regular";
	src: url("../css/font/Poppins-Regular.ttf");
	
}
@font-face {
	font-family: "Poppins-Bold";
	src: url("../css/font/Poppins-Bold.ttf");
	
}
@font-face {
	font-family: "Poppins-Italic";
	src: url("../css/font/Poppins-Italic.ttf");
	
}

@font-face {
	font-family: "Poppins-SemiBold";
	src: url("../css/font/Poppins-SemiBold.ttf");
	
}
@font-face {
	font-family: "Poppins-Medium";
	src: url("../css/font/Poppins-Medium.ttf");
	
}
.Perfetto{
	font-family:'Perfetto', sans-serif !important;
}
.Poppins-Medium{
	font-family:'Poppins-Medium', sans-serif !important;
}
.poppins-italic{
	font-family:'Poppins-Italic', sans-serif !important;
}
.poppins-bold{
	font-family:'Poppins-Bold', sans-serif !important;
}
.poppins-semi-bold{
	font-family:'Poppins-SemiBold', sans-serif !important;
}
.text-white{
	color:#fff;
}

body { 
	font-family:'Poppins-Regular', sans-serif !important;
    font-size: 14px;
	line-height: 1.6;
	background-color:#fff; 
	color:gray;
}
.abril-font{
	font-family:'LEVIBRUSH', sans-serif !important; 
	
}


/************ Margin-top-Start ***********/


.ni-margin-top-2{
	margin-top:2px;
}
.ni-margin-top-3{
	margin-top:3px;
}
.ni-margin-top-4{
	margin-top:4px;
}
.ni-margin-top-5{
	margin-top:5px;
}
.ni-margin-top-10{
	margin-top:10px;
}
.ni-margin-top-15{
	margin-top:15px;
}	

.ni-margin-top-20{
	margin-top:20px;
}
.ni-margin-top-25{
	margin-top:25px;
}
.ni-margin-top-30{
	margin-top:30px;
}
.ni-margin-top-35{
	margin-top:35px;
}
.ni-margin-top-40{
	margin-top:40px;
}
.ni-margin-top-50{
	margin-top:50px;
}

.ni-margin-top-60{
	margin-top:60px;
}

.ni-margin-top-70{
	margin-top:70px;
}

.ni-margin-top-80{
	margin-top:80px;
}
.ni-margin-top-90{
	margin-top:90px;
}
.ni-margin-top-100{
	margin-top:100px;
}
.ni-margin-bottom-20{
	margin-bottom:20px;
}
/************ Margin-top-End ***********/


/*****Narjis Infotech Color Theme *****/
.ni-text-orange{
	color:#ef452f;
}
.ni-bg-orange{
	background-color:#ef452f;
}

.ni-text-blue {
	color:#25b0bc;
}
.ni-bg-blue{
	background-color:#25b0bc;
}
.ni-color-black{
	color:#0c0b0b;
}
/***** Narjis Infotech Color Theme *****/

/***********Nav Menu *************/


/*Remove rounded coners*/

nav.sidebar.navbar {
	border-radius: 0px;
}

nav.sidebar, .main{
	-webkit-transition: margin 200ms ease-out;
	-moz-transition: margin 200ms ease-out;
	-o-transition: margin 200ms ease-out;
	transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main{
	padding: 10px 10px 0 10px;
}
.navbar {
	
    min-height:100%;
	
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {
	
	/*Allow main to be next to Nav*/
	/* .main{
		position: absolute;
		width: calc(100% - 40px); 
		margin-left: 40px;
		float: right;
	}  */
	
	/*lets nav bar to be showed on mouseover*/
	nav.sidebar:hover + .main{
		margin-left: 200px;
	}
	
	/*Center Brand*/
	nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
		margin-left: 0px;
	}
	/*Center Brand*/
	nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
		text-align: center;
		width: 100%;
		margin-left: 0px;
	}
	
	/*Center Icons*/
	nav.sidebar a{
		padding-right: 21px;
		padding-top: 9px;
		padding-bottom: 15px;
		line-height: 15px;
	}
	
	/*adds border top to first nav box */
	nav.sidebar .navbar-nav > li:first-child{
		border-top: 1px #e5e5e5 solid;
	}
	
	/*adds border to bottom nav boxes*/
	nav.sidebar .navbar-nav > li{
		border-bottom: 1px #e5e5e5 solid;
	}
	
	/* Colors/style dropdown box*/
	nav.sidebar .navbar-nav .open .dropdown-menu {
		/* position: static; */
		position: absolute;
		float:left;
		width:100%;
		margin-top: 0;
		background-color: #ef4a31;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		left:0;
		right:0;
	}
	
	/*allows nav box to use 100% width*/
	nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
		padding: 0 0px 0 0px;
	}
	
	/*colors dropdown box text */
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		/* color: #777; */
		color:#fff;
	}
	
	/*gives sidebar width/height*/
	nav.sidebar{
		width: 223px;
		height: 100%;
		margin-left: -160px;
		float: left;
		z-index: 8000;
		margin-bottom: 0px;
		position: fixed;
	}
	
	/*give sidebar 100% width;*/
	nav.sidebar li {
		width: 100%;
		border-bottom: 1px solid rgb(255, 255, 255);
	}
	nav.sidebar li:last-child {
		
		border-bottom: 0px solid rgb(255, 255, 255);
	}
	
	/* Move nav to full on mouse over*/
	nav.sidebar:hover{
		margin-left: 0px;
	}
	/*for hiden things when navbar hidden*/
	.forAnimate{
		opacity: 0;
	}
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {
	
	/*Allow main to be next to Nav*/
	.main{
		width: calc(100% - 200px); 
		margin-left: 200px;
	} 
	
	/*Show all nav*/
	/* nav.sidebar{
		margin-left: 0px;
		float: left;
	} */
	/*Show hidden items on nav*/
	/* nav.sidebar .forAnimate{
		opacity: 1;
	} */
}

nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #fff;
	background-color:#ef452f;
}

nav:hover .forAnimate{
	opacity: 1;
}
section{
	padding-left: 15px;
}


.navbar-nav {
    float: left;
    margin: 0;
    background: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ef4a31;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #F44336;
    background-color: transparent;
}
.navbar-inverse {
    background-color: #fff;
    box-shadow: 4px -4px 9px 1px rgba(204, 204, 204, 0.27);
    border-color: transparent;	
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #000;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.font-size-i{
	font-size:19px !important;
	color: #8a8a8a;
}
.font-weight-normal{
	font-weight: normal!important;
}
nav.sidebar .navbar-nav > li {
    border-bottom: 1px #cfcfcf solid;
}
.main{
	width: calc(100% - 156px);
    margin-left: 114px;
}
.narjis-logo{
	position:fixed;
    right: 0;
    left:3px;
    bottom:60px;
    width: 51px;
    height:200px;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    z-index:9999
	
}
.title h1{
	font-size:45px;
    margin-top:58px;
    font-family: 'Poppins-SemiBold', sans-serif !important;
	color: #000;
}
.title h2{
	font-size:30px;
    margin-top:58px;
    font-family: 'Poppins-SemiBold', sans-serif !important;
	color: #000;
}
/* .title h2{
	font-size:45px;
    margin-top:58px;
    font-family: 'Poppins-SemiBold', sans-serif !important;
	color: #000;
} */
.tag{
	font-family:'LEVIBRUSH', sans-serif !important;
	color:#ef4a31;
}
.p-d{
	font-size:18px;
    margin-top: 35px;
	color: #000;
	font-family: 'Poppins-Medium', sans-serif !important;
}
/* .narjis-logo-bg {
    height: 236px;
    width: 100%;
    background: url(../images/leftanimation.png) center center no-repeat;
    margin: auto;
    position: absolute;
    left: -11px;
    bottom: -90px;
    right: 0;
    content: '';
    z-index: 0;
    border-radius: 100%;
    opacity: 0;
    transition: 2s;
    -moz-transition: 2s;
    -webkit-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;
    -webkit-animation: spin 25s linear 0s infinite reverse;
    -moz-animation: spin 25s linear 0s infinite reverse;
    -ms-animation: spin 25s linear 0s infinite reverse;
    -o-animation: spin 25s linear 0s infinite reverse;
    animation: spin 25s linear 0s infinite reverse;
} */

/*****LOGO*****/
.leftSection .auxyLogo{
    position:absolute;
	right:0;
	left:0;
	bottom:15px;
	margin:auto;
	width:51px;
	height:120px;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	z-index:1;
}
.leftSection.open .auxyLogo{
    bottom:-10px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
	left:-18px;
}
/*****LOGO BG ANIMATION*****/
.bg-project {
    width: 80px; 
	height: 93px;
    background: url(../images/css_sprites-narjis.png) -10px -10px;
	margin-left: -4%;
}
.bg-client {
    width: 80px;
    height: 93px;
    background: url(../images/css_sprites-narjis.png) -115px -10px;
    margin-left: -3%;
}
.bg-team_member {
    width: 80px;
    height: 93px;
    background: url(../images/css_sprites-narjis.png) -214px -10px;
    margin-left: -6%;
}
.navbar-brand > img {
    display: block;
    margin-top: -59px;
    max-width: 86%;
    height: auto;
}
.navbar-brand {
    float: left;
    height:auto;
    padding: 6px 0px;
    font-size: 18px;
    line-height: 20px;
}
/* .infoRotator-table {
    border-radius: 100%;
    display: table;
    top: 59px;
    left: 52px;
    background:#fff;
    width: 400px;
    height: 400px;
    padding: 10px 10px;
	box-shadow: 0px 0px 9px 7px #def5ff;
} */
/* .bg-project {
    width: 113px;
    height: 113px;
    background: url(../images/css_sprites-narjis.png) -10px -10px;
    margin-left: -13%;
	}
	.bg-client {
    width: 113px;
    height: 113px;
    background: url(../images/css_sprites-narjis.png) -148px -10px;
    margin-left: -16%;
	}
	.bg-team_member {
    width: 120px;
    height: 113px;
    background: url(../images/css_sprites-narjis.png) -11px -143px;
    margin-left: -24%;
} */
.bg-p{
	font-size:18px;
    margin: -12px 0 10px;
    color: #505050;
}
.bg-h2{
	font-size: 30px !important;
    color: #000 !important;
    margin-top: 20px !important;
}
.address-book{
    position:absolute;
    right: 0;
    top: -13px;
    bottom: 0;
	width: 14%;
}

/***********Nav Menu End *************/

.circle-services-active {
    width:50px;
    height:50px;
    border-radius: 100px;
    background-color: #fff;
    box-shadow: 1px 0px 20px 0px rgba(37, 176, 188, 0.48);
}
.circle-services-active i {
	font-size: 22px;
    line-height: 52px;
    text-align: center;
    display: block;
}
.circle-services-disable {
    width:50px;
    height:50px;
    border-radius: 100px;
    background-color: #fff;
    box-shadow: inset 1px 1px 15px 2px #ccc;
}

.circle-services-disable i {
	font-size: 22px;
    line-height: 52px;
    text-align: center;
    display: block;
}
/******* Company Time-Line ********/
.bg-time-line{
	background-color: #00dff0;
	height: 815px;
    -webkit-box-shadow: inset -14px 10px 147px 10px rgba(0,0,0,0.39);
	-moz-box-shadow: inset -14px 10px 147px 10px rgba(0,0,0,0.39);
	box-shadow: inset -14px 10px 147px 10px rgba(0,0,0,0.39);
	background-size:100%;
} 

.bg-d {
    background: url(../images/top-brush-1.png);
    background-repeat: no-repeat;
    height:386px;
    margin-top: -182px;
    width: 100%;
    background-position: center;
    background-size: 100%;
    position: absolute;
}
.bg-b {
	background: url(../images/bottom-brush-2.png);
    background-repeat: no-repeat;
    height: 184px;
    margin-top: -155px;
    width: 100%;
    background-position: center;
    background-size: 100%;
    position: absolute;
    z-index: 1024;
}
.line-road {
    background: url(../images/line-1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: 81%;
    position: absolute;
    height: 915px;
    top: 591px;
    z-index:999;
    right: 1%;
    
} 
.bg-time_line_2 {
	width: 218px;
	height: 220px;
	background: url(../images/time-line-final.png) -10px -10px;
	top: 388px;
	right: -107px;
	position: absolute;
	z-index: 1024;
}

.bg-time_line_1 {
    width: 218px;
    height: 220px;
    background: url(../images/time-line-final.png) -248px -10px;
    top: 322px;
    right: -66px;
    position: absolute;
    z-index: 1024;
}
.bg-time_line_3 {
	width: 184px;
	height: 178px;
	background: url(../images/time-line-final.png) -10px -250px;
	top: 160px;
	right: 149px;
	position: absolute;
	z-index: 1024;
}

.bg-time_line_4 {
	/*  width: 134px;
		height: 128px;
		background: url(../images/time-line-final.png) -214px -250px;
		top: 178px;
		right: 254px;
		position: absolute;
	z-index: 1024; */
	width: 219px;
	height: 160px;
	background: url(../images/time-line-final.png) -214px -243px;
	top: 160px;
	right: 295px;
	position: absolute;
	z-index: 1024;
}

.year-1{
	margin: 76px 55px 17px;
    font-size: 37px;
    text-align: center;
	text-shadow: -2px -2px 1px rgba(0, 0, 0, 0.10);
}
.year-p{
	text-align: center;
    margin-top: -23px;
    text-transform: uppercase;
}
.year-1-last {
    margin: 65px 53px 17px;
    font-size: 30px;
	text-shadow: -1px -1px 20px rgba(14, 11, 11, 0.37);
	
}
.year-l-last-p{
	text-align: center;
    margin-top: -23px;
    text-transform: uppercase;
    font-size: 12px;
}

.year-green{
	margin: 54px 94px 18px;
    /* margin: 34px 45px 17px; */
    font-size: 26px;
    text-shadow: -1px -1px 20px rgba(14, 11, 11, 0.37);
}
.year-green-p {
	/* font-size: 9px;
		text-align: center;
		margin-top: -23px;
	text-transform: uppercase; */
	font-size: 11px;
    text-align: center;
    margin-top: -22px;
    text-transform: uppercase;
    margin-left: 16%;
}

.position-a {
    top: 209px;
    left: 94px;
    position: relative;
    z-index: 1024;
}
.position-a-2{
	top: 398px;
	left: 437px;
	position: relative;
	z-index: 1024;
}
.font-p-main-title{
	font-family:'Poppins-Medium', sans-serif !important;
	font-size: 15px;
	color: #000;
}
.font-12px{
	font-size: 10px;
}
.new-font-size{
	font-size: 12px;
    color: #0e7675;
	
}
.position-a-3{
	top: 86px;
	left: -253px;
	position: relative;
	z-index: 1024;
}
.position-a-green{
	top: 112px;
	position: relative;
	left: 12px;
	z-index: 1024;
}
/******* Company Time-Line ********/


/******** How It Works **********/
.how-it-work{
	font-size: 45px;
    font-family:'LEVIBRUSH', sans-serif !important;
	
}

.circle-1 {
	width:50px;
	height:50px;
	border-radius: 100px;
	background-color: #9600ff;
	box-shadow: inset -1px 1px 6px 0px rgba(0, 0, 0, 0.42);
	
}
.how-it-work-title{
	font-family: 'Poppins-Bold', sans-serif !important;
	font-size: 22px;
	color: #ef4a31;
	margin: 4px -7px 17px;
}

.how-it-work-d{
	margin: -18px -7px 10px;
	font-size:14px;
	color:#25b0bc;
	font-family: "Poppins-Medium",sans-serif !important;
}
.how-it-work-d-p{
	margin: 4px -6px 10px;
	font-size: 13px;
	
}
.digit-how-it-work{
	text-align: center;
	line-height:51px;
	font-size: 34px;
	font-family: 'Poppins-Bold', sans-serif !important;
	color:#fff;
	text-shadow: -1px -1px 0px rgb(0, 0, 0);
}
.bg-blue-d{
	background-color:#008aff;
}
.web-g{
	background-color:#ff2352;
}
.web-c{
	background-color:#52cf26;
}
.web-d{
	background-color:#d50ece;
}
.web-o{
	background-color:#ff5400;
}
.banner-2{
	max-width: 67%;
}
.bg-arrow_1 {
	width: 250px;
	height: 56px;
	background: url(../images/arrow.png) -10px -86px;
	position: absolute;
	top: -16px;
	left: 428px;
}
.bg-arrow_2 {
	width:68px;
	height: 194px;
	background: url(../images/arrow.png) -10px -162px;
	position: absolute;
	top: 295px;
	left: 300px;
}
.bg-arrow_3 {
	width: 275px;
	height: 56px;
	background: url(../images/arrow.png) -10px -10px;
	position: absolute;
	top: -10px;
	left: 395px;
}
.bg-arrow_4 {
	width: 46px;
	height: 168px;
	background: url(../images/arrow.png) -76px -162px;
	position: absolute;
	top: 325px;
	left: -420px;
}

.bg-arrow_5 {
	width: 120px;
	height: 51px;
	background: url(../images/arrow.png) -197px -10px;
	position: absolute;
	top: 0px;
	left: 337px;
}


/*********How It Works **********/

/********** Product Section *****/
.bg-product{
	background: url(../images/product-bg.png);
	height:1250px;
	background-position: center;
	/* background-size: 100%; */
	background-repeat: no-repeat;
	
}	
.margin-top-product{
	margin-top: 128px;
}

.frame-1{
	background: url(../images/frame-1.png);
	height:572px;
	/* background-position: right; */
	background-repeat: no-repeat;
	/* background-size: 100%; */
	margin-top: -207px;
}
.frame-2{
	background: url(../images/frame-2.png);
	height:572px;
	/* background-position: right; */
	background-repeat: no-repeat;
	/* background-size: 100%; */
	margin-top: -78px;
} 
.main-frame-1{
	/* width: 100%;
	margin: 0 0px; */
	position: relative;
	left: 7px;
	width: 100%;
	right: 0;
	
}
.bg-product-b{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 128px;
	background: url(../images/bg-product-b.png);
	margin-top: -11px;
	z-index: 999;
	
	
}
.bg-product-t{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100px;
	background: url(../images/bg-product-t.png);
	margin-top: -100px;
}
.img-frame{
	position: absolute;
	top: 2px;
	left: 49px;
} 
.img-frame-2{
	top: 132px;
	position: absolute;
	left: 49px; 
	/* top: 195px;
		position: relative;
		left: 64px;
		margin: 0 auto;
	width: 66%; */
}
.p-content{
	left:118px;
	top:10px;
	font-size: 21px;
	/* font-weight: bolder; */
	font-family: 'Poppins-SemiBold', sans-serif !important;
	color: #ffff;
	position: absolute;
}
/********** Product Section *****/


/****** testi-monial *********/
.testimonial{
	width: 342px;
	box-shadow: 10px 0px 50px 0px rgba(0, 0, 0, 0.08);
	padding: 52px 15px 24px 116px;
	margin: 22px 27px 24px 16px;
	overflow: hidden;
	position: relative;
	height: auto;
	border-radius: 5px;
	background-image: url(../images/slider-dot.png);
	background-size:28%;
	background-repeat: repeat-y;
	background-position: left;
	background-color: #fff;
}
/* .testimonial:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-top: 25px solid #d45113;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	transform: rotate(-45deg);
	transform-origin: 80% -30% 0;
} */
.testimonial .pic{
	display: inline-block;
	width:38px;
	height:38px;
	border-radius: 100px;
	overflow: hidden;
	position: absolute;
	top: 81px;
	left: 69px;
	box-shadow: 4px 1px 0px 0px #00deff;
}
.testimonial .pic img{
	width:38px;
	height:38px;
}
.testimonial .description{
	font-size: 11px;
	color: #767676;
	line-height: 18px;
	margin-bottom: 15px;
	margin: 0 5px 10px;
}
.testimonial .title{
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	color: #d45113;
	margin: 0;
}
.testimonial .post{
	display: inline-block;
	font-size: 11px;
	color: #17629c;
	margin-left: 20%;
	margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
	
	background: #fff;
	opacity:5 !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{
	background: #d45113;
}
@media only screen and (max-width: 767px){
	.testimonial{
		padding: 20px;
		text-align: center;
	}
	.testimonial .pic{
		display: block;
		position: static;
		margin: 0 auto 15px;
	}
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width:20px !important;
	height:20px!important;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:4px solid #000 !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span {
	background: #fff !important;
	border:4px solid #00deff !important;
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width:17px;
	height: 17px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff!important;
	
	
}

.founder-img{
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 100px;
	overflow: hidden;
	position: absolute;
	top:153px;
	left: 103px;
	box-shadow: 4px 1px 0px 0px #00deff;
}
.found{
	color: #000;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 9px;
}
.narjis-infotech{
	margin: -30px 6px 0px;
	font-size:14px;
	color: #17629c;
	font-family: 'Poppins-SemiBold', sans-serif !important;
}
.new-rt{
	font-size: 11px !important;
}
/****** testi-monial ********/

/****** contact-us ********/

.subscribe{
	 background: url(../images/subscribe.jpg);
	height: 787px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	/* background: url(../images/bg-product-b.png) right 0px top no-repeat,url(../images/bg-product-t.png) left 0px bottom no-repeat, #1a9da7;
    height: 559px;
    background-repeat: no-repeat;
    margin-top: 80px;
	background-size: 100%; */
}
.contact-us-brush-b{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 109px;
	background: url(../images/bg-product-t.png);
	margin-top: -231px;
}
.contact-us-brush-top{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 128px;
	background: url(../images/bg-product-b.png);
	margin-top: 123px;
	
}
.how-it-work-get {
	font-size: 36px;
	font-family: 'LEVIBRUSH', sans-serif !important;
	margin-top: 22px;
}

#custom-search-input{
	padding: 0px 15px;
	/*  border: solid 1px #E4E4E4; */
	border-radius: 50px;
	background-color: #fff;
	box-shadow:0px 0px 50px 0px rgb(53, 48, 48);
}

#custom-search-input input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
}

#custom-search-input button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #3c3c3c;
	padding: 0 8px 0 10px;
	border-left:0;
	font-size: 14px;
}

#custom-search-input button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}




#custom-search-input-get{
	padding: 0px 15px;
	/* border: solid 1px #E4E4E4; */
	border-radius: 50px;
	background-color: #fff;
	box-shadow:0px 0px 50px 0px rgb(53, 48, 48);
}

#custom-search-input-get input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
}

#custom-search-input-get button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #3c3c3c;
	padding: 0 8px 0 10px;
	border-left:0;
	font-size: 14px;
}

#custom-search-input-get button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}




#custom-search-input-tiny{
	padding: 0px 15px;
	/* border: solid 1px #E4E4E4; */
	border-radius: 50px;
	background-color: #fff;
	/* box-shadow:0px 0px 50px 0px rgba(53, 48, 48, 0.42); */
	box-shadow: 0px 0px 9px 0px rgba(53, 48, 48, 0.42);
}

#custom-search-input-tiny input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
}

#custom-search-input-tiny button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #3c3c3c;
	padding: 0 8px 0 10px;
	border-left:0;
}

#custom-search-input-tiny button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

.placeholder-i input::placeholder {
	color: #3c3c3c;
	font-size:14px;
	font-family:'Poppins-Medium', sans-serif !important;
}
.placeholder-i textarea::placeholder {
	color: #3c3c3c;
	font-size:14px;
	font-family:'Poppins-Medium', sans-serif !important;
}
.btn-primary-s {
	color: #00909b;
	background-color: #ffffff;
	border-color: #ffffff;
	padding: 13px 40px;
	font-size: 18px;
	border-radius: 50px;
	font-family:'Poppins-Medium', sans-serif !important;
	box-shadow: 0px 0px 20px 0px #10d0de;
}
.btn-primary-s:hover{
	color: #00909b;
	background-color: #ffffff;
	border-color: #ffffff;
	box-shadow: 0px 0px 20px 0px #10d0de;
	
}
.input-lg {
	height: 50px;
}



#custom-search-text-area{
	padding: 0px 15px;
	/* border: solid 1px #E4E4E4; */
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 1px 1px 50px 0px rgb(53, 48, 48);
}

#custom-search-text-area textarea{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
}

#custom-search-text-area button{
	margin: -83px 1px -1px 2px;
	background: none;
	box-shadow: none;
	border: 0;
	color: #3c3c3c;
	padding: 0 0px 0 10px;
	border-left: 0;
	font-size:14px;
}
#custom-search-text-area textarea.input-lg, select[multiple].input-lg {
	height: 120px;
	resize: none;
}

#custom-search-text-area button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}
.placeholder-i textarea::placeholder {
	color: #3c3c3c;
	
}

.bg-address {
	width: 80px;
	height: 80px;
	background: url(../images/get.png) -118px -19px;
	position: absolute;
	top: -64px;
	right: 0px;
	left: 2px;
}
.bg-call {
	width: 80px;
	height: 80px;
	background: url(../images/get.png) -10px -110px;
	position: absolute;
	top: -77px;
	right: 0px;
	left: -7px;
}

.bg-time {
	width: 80px; 
	height: 80px;
	background: url(../images/get.png) -10px -10px;
	position: absolute;
	top: -77px;
	right: 0px;
	left: -7px;
}
.l-p p{
	margin: -60px 0 10px;
	text-align: left;
	font-size: 13.3px;
}
/****** contact-us ********/

/****** Footer *************/

.abouts-p{
	font-size: 40px;
	font-family: 'LEVIBRUSH', sans-serif !important;
}
.abouts-p-w{
	font-size: 22px;
	font-family: 'Poppins-SemiBold', sans-serif !important;
	margin: 6px 44px 10px;
	padding: 0;
}
.about-d{
	font-size: 13px;
	color: #2d2d2d;
	line-height: 25px;
}

.service li {
	/* line-height: 2em; */
	margin-bottom:20px;
	list-style: none;
}
.service li a {
	font-size:16px;
	color: #225c61;
	font-family:'Poppins-Medium', sans-serif !important;
	text-decoration: none;
}

.service-ul  {
	/* padding: 1px; */
}

ul.social-icons {
	margin-left: -60px;	
	margin-top: 25px;
}
.social-icons li {
	vertical-align: top;
	display: inline;
	height: 100px;
}
.social-icons a {
	/* color: #999999; */
	font-size: 34px;
}
.social-icons-g i {
	color:#0073b1!important;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	
	
}
.social-icons-g i:hover {
	
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social-icons-p i:hover {
	
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social-icons-p i{
	color:#c8232c  !important;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social-icons-f i:hover {
	
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social-icons-f i {
	color:#3b5998!important;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social-icons-t i {
	color:#38A1F3!important;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social-icons-t i:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social-icons-insta i {
	background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social-icons-insta i:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
/* .social-icons:nth-child(2) a:hover {
	color:#ef452f;
	}
*/
a.social-icon {
	padding: 8px 10px;
}
.copy-right{
	/* font-size: 15px;
		margin: -4px 40px 10px;
	color: #808080;	 */
	font-size:14px;
    margin: 96px 40px 10px;
    color: #000;
}

.tiny-footer{
	/* background:url(../images/tiny-footer.png);
		background-repeat:no-repeat;
		position:absolute;
		left:0;
		right:0;
	height:219px; */
	background: url(../images/tiny-footer.png);
    background-repeat: no-repeat;
    height: 148px;
	background-size: cover;
}
.sub{
	height: 70px;
	padding: 20px 40px;
	color: #ef452f;
	/* box-shadow:0px 0px 50px 0px rgba(53, 48, 48, 0.42); */
	box-shadow: 0px 0px 9px 0px rgba(53, 48, 48, 0.42);
}
/****** Footer *************/



/******* Servieces Animation *****/

.holderCircle {
	width: 500px;
	height: 500px;
	border-radius: 100%;
	/* margin: 60px auto; */
	position: relative;
}

.dotCircle {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	z-index: 20;
}

.dotCircle .itemDot {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	background: #ffffff;
	color: #dbd9d9;
	border-radius:50px;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
	z-index: 3;
	cursor: pointer;
	border: 2px solid #e6e6e6;
}

.dotCircle .itemDot .forActive {
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.dotCircle .itemDot .forActive::after {
	content: '';
	width: 5px;
	height: 5px;
	border: 3px solid #ef4a31;
	bottom: -31px;
	left: -14px;
	filter: blur(1px);
	position: absolute;
	border-radius: 100%;
}

.dotCircle .itemDot .forActive::before {
	content: '';
	width: 6px;
	height: 6px;
	filter: blur(5px);
	top: -15px;
	position: absolute;
	transform: rotate(-45deg);
	border: 6px solid #ef4a31;
	right: -39px;
}

.dotCircle .itemDot.active .forActive {
	display: block;
}

.round {
	position: absolute;
	left: 40px;
	top: 45px;
	width: 410px;
	height: 410px;
	border: 2px solid #2cb1c0;
	border-radius: 100%;
	-webkit-animation: rotation 100s infinite linear;
}

.dotCircle .itemDot:hover,
.dotCircle .itemDot.active {
	color: #ffffff;
	transition: 0.5s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d4ac7+0,a733bb+100 */
	background: #2cb1c0;
	
	/*  background: -moz-linear-gradient(left, #7d4ac7 0%, #a733bb 100%);
		background: -webkit-linear-gradient(left, #7d4ac7 0%, #a733bb 100%);
		background: linear-gradient(to right, #ef4a31 0%, #a733bb 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7d4ac7', endColorstr='#a733bb', GradientType=1); */
	border: 2px solid #ffffff;
	-webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);
	-moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);
	box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);
}

.dotCircle .itemDot {
	font-size: 40px;
}

.contentCircle {
	width: 250px;
	border-radius: 100%;
	color: #222222;
	position: relative;
	top: 239px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contentCircle .CirItem {
	border-radius: 100%;
	color: #222222;
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 0;
	opacity: 0;
	transform: scale(0);
	transition: 0.5s;
	font-size: 15px;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	margin: auto;
	line-height: 250px;
}

.CirItem.active {
	z-index: 1;
	opacity: 1;
	transform: scale(1);
	transition: 0.5s;
}

.contentCircle .CirItem i {
	font-size:70px;
	position: absolute;
	top: -76px;
	left:70%;
	margin-left: -90px;
	color: #2cb1c0;
	opacity:0.6;
}

@media only screen and (min-width:300px) and (max-width:599px) {
	.holderCircle {
		width: 300px;
		height: 300px;
		margin: 110px auto;
	}
	.holderCircle::after {
		width: 100%;
		height: 100%;
	}
	.dotCircle {
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
}

@media only screen and (min-width:600px) and (max-width:767px) {}

@media only screen and (min-width:768px) and (max-width:991px) {}

@media only screen and (min-width:992px) and (max-width:1199px) {}

@media only screen and (min-width:1200px) and (max-width:1499px) {}

.title-box .title {
	font-weight: 600;
	letter-spacing: 2px;
	position: relative;
	z-index: -1;
	font-size: 15px;
}

.title-box span {
	
	font-weight: 800;
	color: #2cb1c0;
}

.title-box p {
	font-size: 13px;
	line-height: 2em;
}

/******* Servieces Animation *****/


/********* Severice Page *******/
.service-p{
	font-size: 15px;
	line-height: 30px;
	color: #4c4c4c;
	text-align: justify;
}
.btn-get-s {
	color: #fff;
	background-color: #ef452f;
	border-color: transparent;
	padding: 13px 40px;
	font-size: 16px;
	border-radius: 100px;
	font-family: 'Poppins-Medium', sans-serif !important;
	height: 46px;
	padding: 11px 12px;
	width: 28%;
}
.btn-get-s:hover{
	color:#fff;
}
.bg-s{
	background:url(../images/bg-s.png);
	background-repeat:no-repeat;
	height: auto;
	min-height: 672px;
	background-position: left;
	background-size: 100% 100%;
}
.main-new{
	width: calc(100% - 33px);
	margin-left: 26px;
}
.col-x {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 57px;
}
.col-half-offset {
	margin-left: 4.166666667%;
}
.service-box{
	padding: 46px 10px;
	display:block;
	transition: 0.5s;
	
}
.service-box:hover{
	background-color:#fff;
	color:#fff;
	box-shadow: 0px 0px 50px 0px rgba(58, 54, 54, 0.05);
	cursor:pointer;
	/* background-image: url(../images/brush-hover.png); */
	background-size: 62%;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position: 50% 3%;
	
}  
.service-box-php:hover{
	color:#787cb5;
	
}
.service-box-laravel{
	color: #e74430 !important;
	background-color:#fff;
	color:#fff;
	box-shadow: 0px 0px 50px 0px rgba(58, 54, 54, 0.05);
	cursor:pointer;
	
} 

/* .service-box-laravel:hover{
	color: #e74430;
} */
.service-box-angular:hover{
	color:#dd0031;
}
.service-box-recat:hover{
	color:#61dafb;
}
.service-box-joomla:hover{
	color:#f89406;
	
}
.service-box-word:hover{
	color:#89d4df;
}
.service-box-mangento:hover{
	color:#ee4919;
	
}
.service-box-drupal:hover{
	color:#0c76ab;
}
.font-i{
	
	font-size: 58px;
	
}
#php:hover{
	
	text-decoration: none;
	color:red;
}
.service-h2{
	margin-top: 12px;
	margin-bottom: 8px;
	font-size:18px !important;
	font-family:'Poppins-SemiBold', sans-serif !important;
	text-transform:capitalize;
	
}

.color-g{
	color: #979797;
	font-size: 15px;
}

.bg-l{
	background-color: #f8f8f8;
	height: auto;
	min-height: 490px;
	margin-top: 40px;
}

.btn-custom{
	color: #112c07;
	background-color: #fff;
	border-color: #fff;
	padding: 18px 14px;
	font-size: 16px;
	font-family: 'Poppins-SemiBold', sans-serif !important;
	box-shadow: 1px 0px 20px 0px #ece9e9;
	width: 100%;
}
.btn-custom:hover{
	color: #112c07;
	background-color: #fff;
	border-color: #fff;
	
}

/***** Cricle Design ******/
.circle-timeline{
	width:225px;
	height:225px;
	border:3px dotted #393939;
	border-radius:100%;
	
}
.circle-timeline:after{
	content: '';
	left: 9px;
	right: 0;
	top: 4px;
	width:200px;
	height:190px;
	border-bottom-color: #fff;
	border: 9px solid #fb8240;
	border-radius: 100%;
	position: absolute;
	-moz-transform:  rotate(-54deg);
	-ms-transform:  rotate(-54deg);
	-webkit-transform:  rotate(-54deg);
	transform: rotate(-54deg);
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	-moz-transition: 1.2s;
	-o-transition: 1.2s;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}

.circle-timeline:hover:after{
	content: '';
	left: 13px;
	right: 0;
	top: 0px;
	width: 228px;
	height: 227px;
	border-bottom-color: #fff;
	border:9px solid #fb8240;
	border-radius: 100%;
	position: absolute;
	border-right-color: #fb8240;
	border-left-color: #fb8240;
	border-bottom-color: #fb8240;
	transform: rotate(360deg);
	cursor:pointer;
}
.circle-timeline-in{
	background-color: #d5d5d5;
	height: 180px;
	width: 180px;
	margin: 19px auto;
	border-radius: 100%;
}

.circle-timeline-in-2{
	background-color: #fff;
	height: 145px;
	width: 145px;
	border-radius: 100%;
	position: absolute;
	top: 40px;
	left: 55px;
	border: 5px solid #fb8240;
}
/******* ******/

.circle-timeline-blue{
	width:225px;
	height:225px;
	border:3px dotted #393939;
	border-radius:100%;
	
}
.circle-timeline-blue:after{
	content: '';
	left: 45px;
	right: 0;
	top: 33px;
	width: 200px;
	height: 190px;
	border: 9px solid #4082fb;
	border-radius: 100%;
	position: absolute;
	-moz-transform: rotate(-49deg);
	-ms-transform: rotate(-49deg);
	-webkit-transform: rotate(-49deg);
	transform: rotate(-49deg);
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	-moz-transition: 1.2s;
	-o-transition: 1.2s;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.circle-timeline-blue:hover:after{
	content: '';
	left: 13px;
	right: 0;
	top: 0px;
	width: 228px;
	height: 227px;
	border-bottom-color: #fff;
	border:9px solid #4082fb;
	border-radius: 100%;
	position: absolute;
	border-right-color: #4082fb;
	border-left-color: #4082fb;
	border-top-color: #4082fb;
	transform: rotate(360deg);
	cursor:pointer;
}
.circle-timeline-in-blue-1{
	background-color: #d5d5d5;
	height: 180px;
	width: 180px;
	margin: 19px auto;
	border-radius: 100%;
}

.circle-timeline-in-blue-2{
	background-color: #fff;
	height: 145px;
	width: 145px;
	border-radius: 100%;
	position: absolute;
	top: 40px;
	left: 55px;
	border: 5px solid #4082fb;
}
.circle-timeline-in-green-2{
	border: 5px solid #2fcb15!important;
}
.blue-color-hr{
	border-top: 2px solid #4082fb!important;
}
.arrow-s-2{
	position: absolute;
	top: 192px;
	right: -8px;
}
/****** *******/


/***** Green cricle ****/
.circle-timeline-green{
	width:225px;
	height:225px;
	border:3px dotted #393939;
	border-radius:100%;
	
}
.circle-timeline-green:after{
	content: '';
	left: 9px;
	right: 0;
	top: 4px;
	width:200px;
	height:190px;
	border-bottom-color: #fff;
	border: 9px solid #2fcb15;
	border-radius: 100%;
	position: absolute;
	-moz-transform:  rotate(-54deg);
	-ms-transform:  rotate(-54deg);
	-webkit-transform:  rotate(-54deg);
	transform: rotate(-54deg);
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	-moz-transition: 1.2s;
	-o-transition: 1.2s;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.circle-timeline-green:hover:after{
	content: '';
	left: 13px;
	right: 0;
	top: 0px;
	width: 228px;
	height: 227px;
	border-bottom-color: #fff;
	border:9px solid #2fcb15;
	border-radius: 100%;
	position: absolute;
	border-right-color: #2fcb15;
	border-left-color: #2fcb15;
	border-bottom-color: #2fcb15;
	transform: rotate(360deg);
	cursor:pointer;
}
.circle-timeline-in-green{
	background-color: #d5d5d5;
	height: 180px;
	width: 180px;
	margin: 19px auto;
	border-radius: 100%;
}
.circle-timeline-in-2-green{
	background-color: #fff;
	height: 145px;
	width: 145px;
	border-radius: 100%;
	position: absolute;
	top: 40px;
	left: 55px;
	border: 5px solid #2fcb15;
}
.green-color-hr{
	border-top: 2px solid #2fcb15!important;
}
/****** Green Cricle ****/

/****** Pink Cricle ****/



.circle-timeline-pink{
	width:225px;
	height:225px;
	border:3px dotted #393939;
	border-radius:100%;
	
}
.circle-timeline-pink:after{
	content: '';
	left: 45px;
	right: 0;
	top: 33px;
	width: 200px;
	height: 190px;
	border: 9px solid #fc456c;
	border-radius: 100%;
	position: absolute;
	-moz-transform: rotate(-49deg);
	-ms-transform: rotate(-49deg);
	-webkit-transform: rotate(-49deg);
	transform: rotate(-49deg);
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	-moz-transition: 1.2s;
	-o-transition: 1.2s;
	-webkit-transition: 1.2s;
	transition: 1.2s;
	
}
.circle-timeline-pink:hover:after{
	content: '';
	left: 13px;
	right: 0;
	top: 0px;
	width: 228px;
	height: 227px;
	border-bottom-color: #fff;
	border:9px solid #fc456c;
	border-radius: 100%;
	position: absolute;
	border-right-color: #fc456c;
	border-left-color: #fc456c;
	border-top-color: #fc456c;
	transform: rotate(360deg);
	cursor:pointer;
}
@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
.circle-timeline-in-pink-1{
	background-color: #d5d5d5;
	height: 180px;
	width: 180px;
	margin: 19px auto;
	border-radius: 100%;
}

.circle-timeline-in-pink-2{
	background-color: #fff;
	height: 145px;
	width: 145px;
	border-radius: 100%;
	position: absolute;
	top: 40px;
	left: 55px;
	border: 5px solid #fc456c;
	
}
.pink-color-hr{
	border-top: 2px solid #fc456c!important;
}
/****** Pink Cricle ****/


.cricle-time-p{
	margin: 5px 0 10px;
	font-size: 48px;
	color: #313131;
	font-family: 'Poppins-SemiBold', sans-serif !important;
}
.lorem-c{
	margin: -24px 0 10px;
	font-size:13px;
	font-family: 'Poppins-Medium', sans-serif !important;
	color: #313131;
}
.time-line{
	margin: -12px 0 10px;
	font-size: 13px;
	color: #cecece;
	font-family: 'Poppins-Medium', sans-serif !important;
}

.hr-orange{
	margin-top: -10px;
	margin-bottom: 0px;
	border: 0;
	border-top: 2px solid #fb8240;
	width: 32%;
}
.arrow-s{
	position: absolute;
	top: 0;
	right: -5px;
}

.p-lorem-t-new{
	
	color: #313131;
	font-size: 17px;
	font-family: 'Poppins-Medium', sans-serif !important;
}
.p-new{
	color: #909090;
}
/* .line-time-1{
	margin-left: -9%;
} */
/****** Cricle Design *****/

/********  Severice Page ******/

/******* Product Page *******/


.banner-m{
	background-image:url(../images/matrimonial-script-new.png);
	background-repeat:no-repeat;
	background-position:center;
	height:709px;
	background-size:100%;
	position: relative;
	top: -103px;
}
.banner-real-estate{
	background-image:url(../images/real-script.png);
}
.just-dial-bg{
	background-image:url(../images/just-dial-bg.png);
}
.wall{
	background-image: url(../images/wall.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 567px;
	background-size: 100%;
	position: relative;
	top: -196px;
	z-index: -9999;
}
.text-yellow{
	color:#f7b81f;
}
.text-yellow-low{
	color:#ffe6a8;
}

.text-yellow-bg{
	background-color: #f7b81f;
}
.frame-line{
	position: absolute;
	top: -129px;
	left: 0;
	right: 0;
	width: 100%;
}
.main-wall{
	width: calc(100% - 156px);
	margin-left: 107px;
}
.product-1{
	position:relative;
	width: 100%;
	left: 0;
	right: 0;
	top: -11px;
	box-shadow: -1px 9px 19px 2px rgba(51, 48, 48, 0.34);
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

.btn-product-d{
	position: relative;
	bottom: -16px;
	color: #020000;
    background-color: #f7b81f;
	border-color: #474747;
	font-size: 15px;
	padding: 17px 5px;
	border-radius: 50px;
	border-style: dashed;
	border: 2px dashed;
	font-family: 'Poppins-Medium', sans-serif !important;
	width: 100%;
	display: block;
	overflow: hidden;
	box-shadow: 0px 0px 50px 0px rgba(72, 70, 70, 0.3);
	
}
/* .btn-product-d:hover{
	color: #000;
	background-color:#f7b81f;
	border-color: #FFF;
	
}  */

.btn-animation a::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-animation a::before,
.btn-animation a::after {
	background: #fff;
    content: '';
    position: absolute;
    z-index: -1;
}
.btn-animation a:hover {
	color: #000;
}

/* BUTTON 1 */
.btn-1::after {
	height: 0;
	left: 0;
	top: 0;
	width: 100%;
}

.btn-1:hover:after {
	height: 100%;
}

.bg-s-yellow {
	    background: url(../images/yellow-bg.png);
    background-repeat: no-repeat;
    height: 675px;
    background-size: 100% 100%;
	
}
.ni-text-black{
	color:#000;
}
.new-get{
	color: #2f2e2e;
	background-color: #fff;
	margin-bottom: 20px;
}
.new-get:hover{
	color: #2f2e2e;
	background-color: #fff;
}
.project-form {
	background: url(../images/poster.jpg);
	height: 787px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.reg-bg {
	background-image: linear-gradient(to right top, #e09e26, #e6971b, #ed8e10, #f48505, #fb7b01);
	min-height: 375px;
	float: left;
	width: 44%;
	margin: 0 0%;
	padding: 20px 0px;
	position: relative;
	z-index: 1024;
	border-radius: 15px;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.24);
	height:auto;
}
.rgb-2{
	float: left;
	width: 40%;
	margin: 92px 2%;
	
}

/***
	Bootstrap Line Tabs by @keenthemes
	A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
	Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
	/* border:1px solid #eee; */
	padding:0px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
	border: none;
	border: none;
	margin-top: -16px !important;
}
.tabbable-line > .nav-tabs > li {
	float: none;
	margin-bottom: -1px;
	display: inline-block;
	margin: 0 0%;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #fff;
	padding: 10px 22px;
	padding: 10px 25px;
	order-radius: 0;
	font-size: 16px;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 0;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #fff;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid #fff;
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #fff;
	background-color: transparent !important;
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
	border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
	margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
	border-bottom: 0;
	border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
	margin-bottom: -2px;
	border-bottom: 0;
	border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.tabbable-line > .nav-tabs > li > a:hover{
	background-color:transparent;
}

#custom-search-input-product{
	padding: 0px 0px;
	border-bottom: solid 1px #fff;
	border-radius: 0px;
	background-color: transparent;
}

#custom-search-input-product input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
	background: transparent;
	color: #fff;
	font-size: 15px;
}

#custom-search-input-product button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 1px;
	border-left: 0;
}

#custom-search-input-product button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input-product .glyphicon-search{
	font-size: 23px;
}

/*** Second Input ******/
#custom-search-input-product-second{
	padding: 0px 0px;
	border-bottom: solid 1px #fff;
	border-radius: 0px;
	background-color: transparent;
}

#custom-search-input-product-second input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
	background: transparent;
	color: #fff;
	font-size: 15px;
}

#custom-search-input-product-second button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 1px;
	border-left: 0;
}

#custom-search-input-product-second button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input-product-second .glyphicon-search{
	font-size: 23px;
}


/*** Second Input ******/

/*** Third Input ******/
#custom-search-input-product-third{
	padding: 0px 0px;
	border-bottom: solid 1px #fff;
	border-radius: 0px;
	background-color: transparent;
}

#custom-search-input-product-third input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
	background: transparent;
	color: #fff;
	font-size: 15px;
}

#custom-search-input-product-third button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 1px;
	border-left: 0;
}

#custom-search-input-product-third button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input-product-third .glyphicon-search{
	font-size: 23px;
}


/*** Third Input ******/


/*** fourth Input ******/
#custom-search-input-product-fourth{
	padding: 0px 0px;
	border-bottom: solid 1px #fff;
	border-radius: 0px;
	background-color: transparent;
}

#custom-search-input-product-fourth input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
	background: transparent;
	color: #fff;
	font-size: 15px;
}

#custom-search-input-product-fourth button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 1px;
	border-left: 0;
}

#custom-search-input-product-fourth button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input-product-fourth .glyphicon-search{
	font-size: 23px;
}


/*** fourth Input ******/


/*** five Input ******/
#custom-search-input-product-five{
	padding: 0px 0px;
	border-bottom: solid 1px #fff;
	border-radius: 0px;
	background-color: transparent;
}

#custom-search-input-product-five input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
	background: transparent;
	color: #fff;
	font-size: 15px;
}

#custom-search-input-product-five button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 1px;
	border-left: 0;
}

#custom-search-input-product-five button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input-product-five .glyphicon-search{
	font-size: 23px;
}


/*** five Input ******/


/*** Six Input ******/
#custom-search-input-product-six{
	padding: 0px 0px;
	border-bottom: solid 1px #fff;
	border-radius: 0px;
	background-color: transparent;
}

#custom-search-input-product-six input{
	border: 0;
	box-shadow: none;
	border-radius: 20px;
	background: transparent;
	color: #fff;
	font-size: 15px;
}

#custom-search-input-product-six button{
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #fff;
	padding: 0 8px 0 1px;
	border-left: 0;
}

#custom-search-input-product-six button:hover{
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}

#custom-search-input-product-six .glyphicon-search{
	font-size: 23px;
}


/*** Six Input ******/

.placeholder-i-product input::placeholder {
	color: #fff;
	font-size:13px;
	
}
.input-product{
	height:36px;
}

label.checkbox.blue {
	margin-right: 0rem;
	padding-left: 2.75rem;
	position: relative;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
label.checkbox.blue input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}
label.checkbox.blue input[type="checkbox"]:focus ~ span {
	border: 2px solid #aab0b9;
}
label.checkbox.blue input[type="checkbox"]:focus:checked ~ span {
	border: 2px solid #265b81;
}
label.checkbox.blue input[type="checkbox"]:checked ~ span {
	color: #FFFFFF;
	background: #3785BC url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;
	border: 2px solid #3785BC;
}
label.checkbox.blue span {
	border-radius: 3px;
	position: absolute;
	left: -6px;
	top:0px;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.new-get-next {
	color: #ed8e10;
	background-color: #fff;
	height: 44px;
	padding: 9px 9px;
	width: 24%;
	margin-top: 10px;
}
.new-get-next:hover {
	color: #ed8e10;
	background-color: #fff;
	
}
.text-p-r{
	font-size: 32px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Poppins-SemiBold', sans-serif !important;
}
.levis-p-r{
	font-size: 31px;
	font-family: 'LEVIBRUSH', sans-serif !important;
	font-weight: bold;
	text-transform: uppercase;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline:0px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
/****** Product Page *******/

/****** About-Us **********/

.about-us-img{
	position: absolute;
	right: -37px;
	top: -20px;
	bottom: 0;
	width: 766px;
	
}
.bg-about{
	background: #f8fdff;
	padding-bottom: 0px;
	margin-top: 100px;
	box-shadow: 1px 20px 20px 20px rgb(247, 253, 255);
}
.bg-about-c{
	background-image: url(../images/company-profile.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 385px;
	background-size: 100%;
	margin-top: 5px;
}
.abou-us{
	width: 50%;
	margin: 24px auto;
	min-height: 310px;
	background: #fff;
	box-shadow: 0px 0px 82px 21px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
	padding: 2px 28px;
	font-size: 15px;
	height: auto;
	position: relative;
	z-index: 1024;
}
.ni-margin-top-40-s{
	margin-top:40px !important; 
}
.img-first{
	position: relative;
	margin-top: -112px;
	z-index: -2;
	/* width: 22%; */
}
.img-second{
	position: relative;
	margin-top: -111px;
	z-index: -2;
	/* width: 22%; */
}
.happy-c{
	background: #fff;
	box-shadow: 0px 0px 50px 0px rgba(204, 204, 204, 0.35);
	border-radius: 5px;
	width: 66%;
	margin: -4px auto;
	min-height: 130px;
	height: auto;
	padding: 10px 10px;
}

.p-heart{
	font-size: 50px;
	color: #e80011;
	margin: -5px 0px -9px;
}
.p-chess{
	font-size: 50px;
	color: #0493b6;
	margin: -5px 0px -7px;
}
.happy-count{
	margin: -28px 0 10px;
	font-size: 30px;
	font-family: 'Poppins-SemiBold', sans-serif !important;
	color: #2e2e2e;
}
.happy-c-2{
	margin: -6px 0 10px;
	color: #000;
	font-size: 12px;
}
/****** About-Us **********/
.php-development{
	padding: 0px;
	margin: 0px;
	float:left;
}
.php-development li{
	font-size:18px;
	color: #112c07;
	line-height: 28px;
	padding: 21px 20px;
	background-color: #FFF;
	margin-left: 27px;
	margin-bottom: 24px;
	float:left;
	list-style: none;
	animation: pulse 3s infinite alternate;
	font-weight: 500;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	font-family:'Poppins-Medium', sans-serif !important;
}
.col-md-offset-custom{
	margin-left: 13.666667%;
}
.text-shadow{
	text-shadow: -1px -1px 0px rgb(0, 0, 0);
}

.hash{
	background-image: url(../images/hash-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0%;
	position: absolute;
	width: 29px;
	height: 37px;
	top: 15px;
	left: 89px;
}

.project-form-about {
	background: url(../images/about-bg.jpg);
	height: 787px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.m-about{
	margin-top: 63px;
}
.m-about-b{
	margin-top: -184px;
}

.bg-about-new{
	background:#fff;
}



/****** New tab ****/

/***
	Bootstrap Line Tabs by @keenthemes
	A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
	Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel-2 {
	/* border:1px solid #eee; */
	padding:0px;
}

/* Default mode */
.tabbable-line-2 > .nav-tabs {
	border: none;
	border: none;
	margin-top: -16px !important;
}
.tabbable-line-2 > .nav-tabs > li {
	float: none;
	margin-bottom: -1px;
	display: inline-block;
	margin: 0 0%;
}
.tabbable-line-2 > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #6e6e6e;
	padding: 10px 22px;
	padding: 10px 25px;
	order-radius: 0;
	font-size: 16px;
}
.tabbable-line-2 > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.tabbable-line-2 > .nav-tabs > li.open, .tabbable-line-2 > .nav-tabs > li:hover {
	border-bottom: 0;
}
.tabbable-line-2 > .nav-tabs > li.open > a, .tabbable-line-2 > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #6e6e6e;
}
.tabbable-line-2 > .nav-tabs > li.open > a > i, .tabbable-line-2 > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
}
.tabbable-line-2 > .nav-tabs > li.open .dropdown-menu, .tabbable-line-2 > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line-2 > .nav-tabs > li.active {
	border-bottom: 4px solid #6e6e6e;
	position: relative;
}
.tabbable-line-2 > .nav-tabs > li.active > a {
	border: 0;
	color: #6e6e6e;
	background-color: transparent !important;
}
.tabbable-line-2 > .nav-tabs > li.active > a > i {
	color: #404040;
}
.tabbable-line-2 > .tab-content {
	margin-top: -3px;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.portlet .tabbable-line-2 > .tab-content {
	padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line-2.tabs-below > .nav-tabs > li {
	border-top: 4px solid transparent;
}
.tabbable-line-2.tabs-below > .nav-tabs > li > a {
	margin-top: 0;
}
.tabbable-line-2.tabs-below > .nav-tabs > li:hover {
	border-bottom: 0;
	border-top: 4px solid #fbcdcf;
}
.tabbable-line-2.tabs-below > .nav-tabs > li.active {
	margin-bottom: -2px;
	border-bottom: 0;
	border-top: 4px solid #f3565d;
}
.tabbable-line-2.tabs-below > .tab-content {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.tabbable-line-2 > .nav-tabs > li > a:hover{
	background-color:transparent;
}

/****** New Tab ****/
.about-img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 570px;
}

/******** Product-Details *******/
.ultimate{
	background-color: #ec7d00;
	margin-top: -11px;
	padding: 15px 15px;
	min-height: 447px;
	height: auto;
}
.product-d-b{
	background:#fff;
	color:#ec7d00;
	width: 35%;
}
.product-d-b:hover{
	background:#fff;
	color:#ec7d00;
}
.p-product-d{
	/* margin: 6px 0 10px;
		font-size: 20px;
		color: #fff;
		font-weight: 600;
	letter-spacing: 2px; */
	margin: 0px 0 20px;
    font-size: 31px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
}
.email-p{
	font-size: 18px;
	color: #ffffff;
}
a:hover, a:focus {
	color: #23527c;
	text-decoration:none;
}
.text-white-n{
	color:#fff;
}
.text-white-n:hover{
	color:#fff;
}
.margin-p-b{
	margin-left:4%;
}
.margin-t-product{
	margin-top: -105px;	
}
.view-more-de{
	background: #ec7d00;
	padding: 4px 11px;
	width: 31.7%;
	margin-top: 12px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	margin: 0 -3px 10px;
	border-radius: 5px;
}

.ni-product-item {
	background-color: #ec7d00;
	background-image: url(../images/pattern-topo-w.png);
	box-shadow: inset 0px 0px 60px rgba(0,0,0,.1), 0 5px 20px rgba(0,0,0,0);
	border-radius: .5rem;
	color: #fff;
	padding: 3rem;
	position: relative;
	transition: .4s ease;
	margin-bottom: 2rem;
	text-align: center;
}
.ni-product-badge {
	position: absolute;
	top: -.5em;
	width: 100%;
	text-align: center;
	left: 0;
}

.ni-badge{
	border-radius: .2rem;
	box-shadow: 0px 5px 10px rgba(0,0,0,.15);
	color: #fff;
	padding: 3px 10px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	background-color: #e67a00;
}
.ni-badge:after {
	background-color: #000;
	content: "";
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: .3;
	width: 100%;
}
.ni-badge h6 {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	font-size: 16px;
}

.laptop-screen {
	display: block;
	background-image: url(../images/ulti-mate-1.png);
	height: 160px;
	overflow: hidden;
	position: relative;
	border-radius: 1px;
	margin: 40px 15px;
	background-size: contain;
	background-repeat: no-repeat;
}
.real-ul{
	background-image: url(../images/real-ul.png);
}
.just-d{
	background-image: url(../images/just-d.png);
}
.e-comm{
	background-image: url(../images/e-comm.png);
}
.job-a{
	background-image: url(../images/job-a.png);
}
.laptop-ul-2{
	background-image: url(../images/ulti-mate-2.png);
}
.advance-2{
	background-image: url(../images/advance-2.png);
}
.advance-3{
	background-image: url(../images/advance-3.png);
}
.advance-1{
	background-image: url(../images/advance-1.png);
}
.advance-4{
	background-image: url(../images/advance-4.png);
}
.new-s{
	background-image: url(../images/new-s.png);
}

.ult-4{
	background-image: url(../images/ult-4.png);
}
.ult-2-bg{
	background-color: #b62733;
}
.ult-4-bg{
	background-color: #ff1d46;
}
.laptop-screen-h3{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	
}
.pl-5, .px-5 {
	padding-left: 3rem!important;
}
.pr-5, .px-5 {
	padding-right: 3rem!important;
}
.mr-3, .mx-3 {
	margin-right: 1rem!important;
}

.btn-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-outline-light {
	color: #f8f9fa;
	background-color: transparent;
	background-image: none;
	border-color: #f8f9fa;
}

.btn-outline-light:hover {
	color: #f8f9fa;
	background-color: transparent;
}


/****** Social Icon ********/

.wrapper {
	position:fixed;
	top:500px;
	right:-35px;
	float: left !important;
	transform: translate(-50%,-50%);
	z-index:1024;
	
}
.wrapper ul {
	list-style: none;
}

.wrapper ul li {
	width: 50px;
	height: 50px;
	background: #e59500;
	margin: 10px 0;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 50px hsla(240, 19%, 32%, 0.45);
	color: white;
}
.wrapper ul li .fab {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
}
.wrapper ul li .fa {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size:16px;
	
}
.wrapper ul li.skype {
	background:#00aff0;
}
ul li.twitter {
	background: #55acee;
}
ul li.call-back {
	background: #ef4a31;
}
ul li.get-qoute {
	background:#3F51B5;
}
ul li.whatsapp {
	background: #25d366;
}
.slider {
	position: absolute;
	top: 0;
	right: 51px;
	width: 0px;
	height: 50px;
	line-height: 50px;
	background: #eebb5c;
	text-align: center;
	border-radius: 3px;
	transition: all 0.4s ease;
}
.slider p  {
	font-size: 14px;
	opacity: 0;
	font-weight:normal;
	transition: all 0.4s ease;
	
}
ul li.skype div.slider {
	background: #00aff0;
}
ul li.twitter div.slider {
	background: #7fd5f6;
}
ul li.call-back div.slider {
	background: #ef4a31;
}
ul li.get-qoute div.slider {
	background: #3F51B5;
}
ul li.whatsapp div.slider {
	background: #25d366;
}
ul li:hover .slider {
	width: 150px;
	
}
ul li:hover .slider p {
	opacity: 1;
}
.color-s{
	color:#fff;
}
.color-s:hover{
	color:#fff;
}
.color-s:focus{
	color:#fff;
}

.modal-width {
	width: 30%;
}
.close {
	top: 11px;
	right: 11px;
	color: #f44336;
	font-size: 40px;
	font-weight: 700;
	opacity: 1.2;
}
.modal-header .close {
	margin-top: -30px;
}
.modal-p{
	font-size: 23px;
	color:#000;
}
.modal-label{
	color: #000;
	font-weight: normal;
	font-size: 17px;
}
.modal-input{
	background-color: #fff;
	background-image: none;
	border: 1px solid #545151;
	height: 37px;
	border-radius:0px;
}
/****** Social Icon ********/

/***** Servieces Ios *****/

.ios-color{
	color:#2d2d2dfa !important;
}
.ios-button{
	color:#fff;
	background:#2d2d2dfa;
}

.ios-button:hover,.ios-button:focus{
	color:#fff;
	background:#2d2d2dfa;
}
.ios-color-white-button{
	color:#000;
	background:#fff;
}
.ios-color-white-button:hover{
	color:#000;
	background:#fff;
}
.bs-ios{
	background: #2d2d2dfa;
	background-repeat: no-repeat;
	height: auto;
	min-height: 585px;
	background-image: url(../images/pattern-topo-w.png);
	background-size: cover;
	margin-top: 75px;
}

.ios-color-white{
	color:#fff !important;
}


.android-color{
	color:#6ab344 !important;
}

.android-button{
	color:#fff;
	background:#6ab344;
}

.android-button:hover,.android-button:focus{
	color:#fff;
	background:#6ab344;
}

.android-bg{
	background-color:#6ab344;
}

.degital-m{
	color: #c60a2d!important;
}

.degital-m-b{
	color: #fff!important;
	background: #c60a2d!important;
}

.degital-m-b:hover,.degital-m-b:focus{
	color: #fff!important;
	background: #c60a2d!important;
}
.payment{
	color:#531d77!important;
}

.payment-button{
	background:#531d77!important;
	color:#fff;
}

.payment-button:hover,.payment-button:focus{
	background:#531d77!important;
	color:#fff;
}

.domain-color{
	color:#60badd!important;
}

.domain-button{
	background:#60badd!important;
	color:#fff;
}

.domain-button:hover,.domain-button:focus{
	background:#60badd!important;
	color:#fff;
}


/* .real-estate-color{
	color:#3399ff!important;
	}
	
	.real-estate-color{
	color:#3399ff!important;
} */



.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #F44336 url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
	transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
	transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-top--fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	/* opacity: .5; */
}

.cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}

@media only screen and (min-width: 768px) {
	.cd-top {
		right: 20px;
		bottom: 20px;
	}
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 90px;
		bottom: 30px;
		border-radius: 50px;
	}
}
.margin-top-product-new{
	margin-top: -110px;
}


.meta-attributes tr td {
	font-size: 14px;
	padding-bottom: 15px;
	vertical-align: top;
}
.meta-attributes__attr-name {
	color: #454545;
	font-weight: bold;
	padding-right: 10px;
	width: 140px;
}








.box-product{
	
	background-color: #fafafa;
	color: #666666;
	margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #e1e8ed;
	
}

.item-preview {
	min-height: 245px;
	padding: 12px;
	position: relative;
	text-align: center;
}

.purchase-panel {
	background: white;
	padding: 14px 25px;
	border: 1px solid #e1e8ed;
	border-radius: 4px;
	margin-bottom: 16px;
}	
.ni-preview-buttons {
	padding-top: 12px;
	display: inline-block;
}
.ni-preview-buttons a {
	margin-bottom: 0;
}
.ni-preview-buttons a {
	margin: 0 4px 10px 0;
}
.btn-theme{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#ec7d00;
	border: none;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
}
.btn-theme:hover{
	background-color:#8BC34A;
	color:#fff;
}

.ni-social-share{
	padding-top: 20px;
	display: inline-block;
}
.social-share-group {
	display: inline-block;
	font-size: 0;
}

.ni-social-share .btn-theme {
	line-height: 1.6;
}

.btn--group-item:first-child {
	border-radius: 4px 0 0 4px;
}
.btn--group-item {
	border-radius: 0;
	<!--padding: 5px 10px;-->
	padding: 5px 17px;
	margin-right: 1px;
}
.f-medium {
	font-size: 20px;
	line-height: 0.9 !important;
}
.e-icon__alt {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.btn--group-item:last-child {
	border-radius: 0 4px 4px 0;
	margin-right: 0;
}

.product-name{
	font-size: 17px;
	color: #000;
	text-align:left;
	font-weight: 600;
	letter-spacing: 2px;
}
.next-button-new a{
	margin: 0 9px 10px 0;
	
}
.next-button-new-2{
	border-top: 1px solid #e1e8ed;
	padding-top: 14px;
	padding-bottom: 8px;
}
.sales{
	font-size:25px;
	color:#000;
}
.map {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.no-padding {
	padding-right: 0px!important;
	padding-left: 0px!important;
}

/****** Contact Us *****/
.contac-box{
	margin-bottom: 20px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 0px 82px 21px rgba(0, 0, 0, 0.08);
	/* width: 280px; */
	width: 300px;
	margin: -96px auto;
	
}
.contact-preview {
	min-height: 400px;
	padding: 12px;
	position: relative;
	text-align: center;
	height: auto;
}

.bg-address-2 {
	width: 150px; 
	height: 150px;
	background: url(../images/css_sprites.png) -10px -10px;
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.bg-call-2 {
	width: 150px;
	height: 150px;
	background: url(../images/css_sprites.png) -180px -10px;
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.bg-email-2 {
	width: 150px;
	height: 150px;
	background: url(../images/css_sprites.png) -10px -180px;
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.next-border {
	border-top: 1px solid rgba(204, 204, 204, 0.22);
    padding-top: 14px;
    padding-bottom: 8px;
    position: relative;
    top: 140px;
}
.p-details-contact{
	font-size: 23px;
	color: #262626;
	font-family: 'Poppins-Medium', sans-serif !important;
	font-weight: 400;
}
.contact-p-new{
	font-size: 14px;
	margin-top: 20px;
}



/******* Contact Us *******/

.hire-developer{
	background: url(../images/hire-developer.png);
	min-height: 350px;
	background-repeat: no-repeat;
	background-size: contain;
	height: auto;
}
.rect-angle{
	background: url(../images/rect-angle.png);
	background-repeat: no-repeat;
	height: 358px;
	background-size: 100%;
}
.hire-p{
	font-family: 'Poppins-SemiBold', sans-serif !important;
	font-size: 45px;
	margin-top: 87px;
}
.box-hire{
	background-color: #fff;
	width: 80%;
	margin: 0 auto;
	height:auto;
	position: relative;
	top: -242px;
	right: 0;
	left: 0;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
	padding: 13px 40px;
	margin-bottom: 20px;
	min-height: 647px;
}

.p-d-hire{
	font-family: 'Poppins-Medium', sans-serif !important;
	font-size: 26px;
	color: #3c3c3c;
	margin-top: 35px;
}
.hiring-p{
	font-size: 18px;
	line-height: 29px;
	color: #3c3c3c;
}
.rect-angle-2{
	position: absolute;
	top: 439px;
	right: 0px;
	left: 14px;
	background-color: rgba(221, 9, 224, 0.66);
	-webkit-clip-path: polygon(26% 0, 78% 0, 100% 46%, 100% 46%, 77% 88%, 26% 90%, 0 43%, 0 43%);
	clip-path: polygon(26% 0, 78% 0, 100% 46%, 100% 46%, 77% 88%, 26% 90%, 0 43%, 0 43%);
	width: 148px;
	height: 151px;
} 
.point{
	position: absolute;
	top: 48em;
	right: 0;
	left: 39px;
	z-index: 1024;
}
.point-2{
	position: absolute;
	top: 74em;
	left: 72%;
	z-index: -2;
}
.line-dot ul li {
	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	height:50px;
}
.line-dot ul {
	margin: 16px -45px;
}
ul li {
	list-style-type: none;
}
.line-dot ul li a {
	padding: 10px 75px 10px;
	font-size: 21px;
	color: #000;
	position: absolute;
	font-family: 'Poppins-Medium', sans-serif !important;
	/* top: 105px; */
}
.shape{
	background-image: url(../images/shape.png);
	background-repeat: no-repeat;
	min-height: 436px;
	margin-top: -689px;
	background-size: 100%;
}
.shape-2{
	background-image: url(../images/shape-2.png);
	background-repeat: no-repeat;
	min-height: 548px;
	background-size: 100%;
	margin-top: -455px;
}
.shape-squ{
	background-color:#f7f7f7;
	height:auto;
	min-height: 476px;
}
.rect-cruve{
	background-image: url(../images/rect-cruve.png);
	background-repeat: no-repeat;
	min-height: 260px;
	background-size: 100%;
	margin-top: -5px;
}
.hire-m{
	position: relative;
	margin: 0 auto;
	top: -216px;
	font-size: 41px;
	color: #0c0b0b;
	font-family: 'Poppins-Medium', sans-serif !important;
}
.hire-box {
	margin-bottom: 20px;
	border-radius:6px;
	background: #fff;
	box-shadow: 0px 0px 82px 21px rgba(0, 0, 0, 0.08);
	width: 350px;
	margin: -140px auto;
	background-image: url(../images/color-1.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.color-2-hire{
	background-image: url(../images/color-2.png);
}
.color-3-hire{
	background-image: url(../images/color-3.png);
}
.hire-preview {
	min-height: 465px;
	padding: 12px;
	position: relative;
	text-align: center;
	height: auto;
}
.p-details-hire {
	font-size: 23px;
	color: #262626;
	font-family: 'Poppins-Medium', sans-serif !important;
	font-weight: 400;
	margin-top:70px;
	border-bottom: 1px solid #b4b4b4;
}
.hire-time{
	font-size: 16px;
	text-align: left;
	padding: 6px 10px;
	
}
.hire-time-color{
	color: #2e2e2e;
}

/****** Careers Start *****/

.career {
	background: url(../images/career.png);
	min-height: 529px;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
}
.new-c{
	font-family: 'Poppins-SemiBold', sans-serif !important;
	font-size: 84px;
	margin: 128px 147px 10px;	
	line-height: 100px;
}
.we-r-hiring{
	width: 39%;
	min-height: 300px;
	background-color: #fff;
	float: right;
	margin-right: 11%;
	margin-top: -124px;
	border-radius: 10px;
	box-shadow: 0px 0px 80px 22px rgba(0, 0, 0, 0.12);
	background-image: url(../images/circle-3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	padding: 22px 22px;
	height: auto;
	
}
.career-p{
	font-size: 21px;
	color: #262626;
	margin-top: 20px;
	font-family: 'Poppins-Medium', sans-serif !important;
}
.career-p-d{
	font-size: 17px;
	color: #262626;
	margin: 0 0 10px;
	line-height: 33px;
}

.btn-view-c{
	
	background-color: #003598;
	border-color: #003598;
	border-radius: 50px;
	padding: 13px 22px;
}
.btn-view-c:hover{
	background-color: #003598;
	border-color: #003598;
	color:#fff;
}
.box-hire-2 {
	width: 80%;
	margin: 0 auto;
	height: auto;
	position: relative;
	top:50px;
	right: 0;
	left: 0;
	padding: 13px 40px;
	margin-bottom: 20px;
	height: 647px;
}
.postion-career{
	font-size: 30px;
	color: #003598;
	font-family: 'Poppins-SemiBold', sans-serif !important;
}
.postion-career-2{
	font-size: 23px;
	color: #003598;
	font-family: 'Poppins-SemiBold', sans-serif !important;
}
.position-career-p-d{
	margin: -7px 0 10px;
	font-size: 16px;
}
.color-gray-c{
	color:gray !important;
	color: gray !important;
	font-size: 20px;
}
.apply-now{
	color: #fff;
	background-color: #003598;
	border-color: #003598;
	padding: 7px 10px;
	font-size: 16px;
	margin-top: 10px;
}
.apply-now:hover{
	color: #fff;
	background-color: #003598;
	border-color: #003598;
}
.part-time{
	margin: -9px 0 10px;
}
.check-2{
	position: absolute;
	top: -18px;
	right: 0px;
	left: -5px;
}
.per{
	margin: -20px -9px 10px;
	font-size: 18px;
	/* font-family: 'Poppins-Medium', sans-serif !important; */
	color: #262626;
}
.per-l{
	font-size: 13px;
	margin: -8px -10px 10px;
}
.current {
	color:#000 !important;
}
/****** Careers End *****/
.tiny-f-d{
	/* width: 50%;
		display: table;
	margin: auto; */
	width: 65%;
    display: table;
    margin: 0px 3%;	
}

.new-pd{
	margin-top: -10px;
	
}

.icon-img{
	margin-top: -10px;
	margin-left: 45%;
}

.best-p{
	margin: 59px 160px 10px;
	font-size: 77px;
	color:#fff;
}
.script-matrimony{
	color:#fbe071;
}
.script-matrimony-color{
	color:#fff2d6;
}
.real-color{
	color:#79ebff;
}
.real-color-2{
	color:#c0edfd;
}
.best-p-2{
	margin: 59px 0px 10px;
	font-size: 70px;
	color: #fff;
}
.real-m{
	margin-top: -42px;
}
.android{
	position: absolute;
	left: 0;
	top: 0;
	left: 122px;
	width: 516px;
}

/***** Blog ******/
.blog{
	background-image: url(../images/blog.png);
	background-repeat: no-repeat;
	min-height: 338px;
	background-size: 100%;
	margin-top: -79px;
	height: auto;
	
}
.blog-bg{
	background-color:#f6faff;
	height:auto;
	min-height:500px;
}
.blog-box{
	background-color: #fff;
	height: auto;
	min-height: 260px;
	padding: 10px 31px;
	box-shadow: 0px 0px 50px 0px rgba(204, 204, 204, 0.21);
	border-radius: 5px;
	position: relative;
	top: -205px;
}
.blog-box p:nth-child(1){
	color: #2e3e8b;
	letter-spacing: 6px;
	font-size: 14px;
	font-weight: 500;
}
.blog-box p:nth-child(2){
	color:#1c7ec9;
	font-family:'Poppins-Medium', sans-serif !important;
	font-size: 19px;
}
.blog-box p:nth-child(3){
	color: #606060;
	line-height: 2;
	text-align: left;
}
.blog-g {
	position: relative;
	top: 16px;
}
.blog-read{
	color:#1c7ec9;
}
.blog-bg-side{
	background-color: #fff;
	height: auto;
	min-height: 94px;
	padding: 10px 31px;
	box-shadow: 0px 0px 50px 0px rgba(204, 204, 204, 0.21);
	border-radius: 5px;
	position: relative;
	top: -205px;
}
#custom-search-input-blog {
	margin:0;
	margin-top: 14px;
	padding: 0;
}

#custom-search-input-blog .search-query {
	padding-right: 3px;
	padding-right: 4px \9;
	padding-left: 15px;
	padding-left: 4px \9;
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 46px;
	width: 316px;
	border: 1px solid rgba(204, 204, 204, 0.51);
	box-shadow: none;
}

#custom-search-input-blog button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -41px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#cdcdcd;
	z-index: 999;
	/* font-size: 15px; */
}

.search-query:focus + button {
	z-index: 3;   
}
.blog-bg-side p:nth-child(1) {
	color:#2f2f2f;
	font-family:'Poppins-Medium', sans-serif !important;
	font-size: 18px;
}

.blog-hr{
	margin-top: 0px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid rgba(183, 183, 183, 0.51);
}
.blog-bg-side-2 p:nth-child(1) {
	color: #1c7ec9;
	font-size: 15px;
	margin: -7px 0 10px;
}
.pop{
	color: #2f2f2f;
	font-family: 'Poppins-Medium', sans-serif !important;
	font-size: 18px;
}
.blog-date p:nth-child(1){
	font-family: 'Poppins-Medium', sans-serif !important;
	font-size: 16px;
}
.blog-date p:nth-child(2){
	color: #2e3e8b;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: 500;
}
ul.blog-follow-us{
	margin-left: -52px;
}
.pagination>li>a, .pagination>li>span { border-radius: 50% !important;margin: 0 10px;}
.pagination {
	display: inline-block;
	padding-left: 247px;
	border-radius: 4px;
	position: relative;
	top: -159px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	width: 40px;
	height: 40px;
	padding: 8px 17px;
	background-image: linear-gradient(100deg, #1c7ec9, #8404fb);
	border: 0;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
	width: 40px;
	height: 40px;
	color: #3c3c3c;
	font-family: 'Poppins-Medium', sans-serif !important;
	font-size: 17px;
	padding: 7px 16px;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 8px 14px;
	margin-left: 5px;
	line-height: 1.42857143;
	color: #3c3c3c;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	font-family: 'Poppins-Medium', sans-serif !important;
	font-size: 17px;
	width: 40px;
	height: 40px;
	/* position: relative;
		float: left;
		padding: 8px 16px;
		margin-left: 5px;
		line-height: 1.42857143;
		color: #3c3c3c;
		text-decoration: none;
		background-color: transparent;
		border: 0;
		font-family: 'Poppins-Medium', sans-serif !important;
	font-size: 17px; */
}
.by{
	color:#b0b0b0;
}
.admin{
	color:#8c96c6;
}
.margin-b-e{
	margin-bottom: 30px;
	line-height: 2;
}
/***** Blog *******/


/*********** Buy-Now *********/
.buy-now{
	background-color: #f6faff;
	height: 488px;
}
.buy-now-second{
	width: 71%;
	background: #fff;
	min-height: 598px;
	margin: auto;
	position: relative;
	top: -234px;
	border-radius: 7px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.13);
	height: auto;
	
}
.buy-now-p{
	text-align: center;
	position: relative;
	top: -240px;
	font-size: 16px;
	color: #383838;
}
.buy-now-title{
	font-size: 26px;
	margin-top: 10px;
	font-family:'Poppins-Medium', sans-serif !important;
}
.buy-blue-lagon{
	color:#1c7ec9;
}
.buy-orange{
	color:#ffa300;
}
.buy-now-hr{
	margin-top: 10px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid rgba(85, 85, 85, 0.34);
}
.pay-payment{
	border: 1px solid rgba(85, 85, 85, 0.38);
	width: 76%;
	min-height: 50px;
	margin: 30px auto;
	border-radius: 5px;
	height: auto;
	padding: 10px 53px;
}
.pay-ment-title{
	color: #1c7ec9;
	font-size: 18px;
	font-family: 'Poppins-Medium', sans-serif !important;
}
.pay-email{
	color: #666666;
	font-size: 14px;
	margin: 3px 0 10px;
}
.pay-ment-2{
	margin: 0px auto;
}
.icc{
	margin-left: -14%;
}
.buy-now-btn{
	padding:10px 35px;
	border-radius: 100px;
	margin-left: 14%;
	border: 0;
	background-image: linear-gradient(0deg, #ffde02, #ff9000);
	color: #000;
	font-family:'Poppins-SemiBold', sans-serif !important;
}
.p-buy{
	margin: 25px 0 10px;
}
.height-new{
	height:0px;
}
.color-new-ccc{
	color:#000;
}
/********** Buy-Now   ********/

.new-top-n{
	top:-76px;
}

/***** Portfolio ****/

.controls {
    width: 100%;
    margin: 0 auto;
    /* border: 3px dotted #87ceeb; */
    padding: 8px;
}

.controls button.active-2 {
    color: #fff;
    position: relative;
	background-image: linear-gradient(90deg,rgb(81, 8, 157),rgb(18, 36, 174));
}

.controls button {
	border: 0;
    outline: 0;
    padding: 9px 33px;
    color: #363636;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.29);
    margin: 6px;
}

/* .controls button.active:before {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: "";
    border-bottom: 2px solid #13A0B2;
    width: 100%;
    height: 0
} */
.main-work .mix {
    text-align: center;
    display: none;
}
.gallery_product
{
    margin-bottom: 30px;
}
.border-img-r{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.29);
}
.port-folio-btn{
    position: absolute;
    bottom: 0px;
    background-image: linear-gradient(90deg,rgb(81, 8, 157),rgb(18, 36, 174));
    width: 90%;
    height: 41px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.click-p{
	color: #fff;
    font-size: 18px;
    position: relative;
    top: 7px;
}
.click-p:hover{
	color:#fff;
}
.shape-new{
	background-image: url(../images/shape-new.png);
}

.support-t {
    font-size: 17px;
    margin-top: 10px;
    font-family: 'Poppins-Medium', sans-serif !important;
    padding: 10px 25px;
    color: #515151;
}
.support-2{
	margin: 0 25px 10px;
	color: #515151;
}
.buy-support {
    padding: 14px 32px;
    border-radius: 100px;
    margin-left: 3%;
    border: 0;
    background-image: linear-gradient(90deg, #35bef7, #7a17d6);
    color: #fff;
    font-size: 15px;
    margin-top: 20px;
}
.buy-support-bg{
	background-image: linear-gradient(90deg, #ffce02, #ff9a00);
	
}
.buy-support:hover {
	color: #fff;
	background-image: linear-gradient(90deg, #35bef7, #7a17d6);
}
.buy-support-bg:hover{
	background-image: linear-gradient(90deg, #ffce02, #ff9a00);
	color: #fff;
	
}

.bg-phone_1 {
    width: 65px; height: 65px;
    background: url(../images/support.png) -10px -10px;
	top: -2px;
    position: relative;
}
.bg-phone_2 {
    width: 65px; height: 65px;
    background: url(../images/support.png) -95px -10px;
}

.bg-envelope_open_2 {
    width: 65px; height: 65px;
    background: url(../images/support.png) -10px -95px;
}
.support-p-2{
	margin: 12px 0 0px;
}
.support-p-3{
	margin:0px 0 0px;
	color:#1a1a1a;
	font-family: 'Poppins-Medium', sans-serif !important;
}
.labi{
	font-size: 19px;
	margin:32px 25px 10px;
    color: #515151;
}

/***** Portfolio ****/	

.read-more-new{
	color: rgba(0, 0, 0, 0.68);
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}

.get-qoute-2{
	
	background-image: url(../images/bg-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 30px 15px 0px 15px;
	/* min-height: 584px; */
	min-height: 680px;
	height:auto;
}
.get-qoute-2::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}
.close-2 {
    top: 0px;
    right: 9px;
    color: rgba(14, 23, 29, 0.63);
    font-size: 40px;
    font-weight: 100;
    opacity: 0.2;
    position: absolute;
    z-index: 1024;
}
.close-2:hover{
	color: rgba(14, 23, 29, 0.63);
	opacity: 0.2;
}
.txt1 {
    font-family: Poppins-Regular;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
}
.modal-i-2{
	font-size: 16px;
    position: relative;
    left: 13px;
    color: #fff;
}
.txt2 {
    font-family: Poppins-Regular;
    font-size: 13px;
    line-height: 1.6;
    color: #999999;
}
.send-msg-title{
	width: 100%;
    display: block;
    font-family: Poppins-Regular;
    font-size: 25px;
    color: #333333;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 0px;
    position: relative;
    left: -8%;
}
.input100 {
    display: block;
    width: 100%;
    background: transparent;
    font-family: Poppins-Regular;
    font-size: 13px;
    color: rgba(19, 18, 18, 0.62);
    line-height: 1.2;
    padding: 0 25px;
    outline: none;
    border: none;
    font-weight: normal;	
}
.label-input100 {
	font-family: Poppins-Regular;
    font-size: 10px;
    color: rgb(39, 37, 37);
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 94%;
    min-height: 38px;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    padding: 10px 25px;
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: normal;
}
.validate-input {
    position: relative;
}
.rs1-wrap-input100, .rs2-wrap-input100 {
    width: 47% !important;
    float: left;
}
.wrap-input100 {
	width: 94%;
    position: relative;
    border: 1px solid #e6e6e6;
}
input.input100 {
	height: 38px;
}

.rs2-wrap-input100 {
    border-left: none;
}

textarea.input100 {
	min-height: 100px;
    /* min-height: 139px; */
    padding-top: 19px;
    padding-bottom: 15px;
}
.button-modal-new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 94%;
    height: 50px;
    border-radius: 2px;
    background: #ef452f;
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: none;
    border: 0;
}

.color-modal-orang{
	color: #ef452f;
}
.validate-input input::placeholder{
	font-size: 16px;
    color: rgb(19, 18, 18);
    opacity: 0.3;
}

.validate-input textarea::placeholder{
	font-size: 16px;
    color: rgb(19, 18, 18);
    opacity: 0.3;
}

.h1-blog{
	color: #1c7ec9;
    font-family: 'Poppins-Medium', sans-serif !important;
    font-size: 19px;
}

.project-form-input{
	min-height: 48px;
    padding-top: 0px;
    padding-bottom: 17px;
	/*  resize: none; */
    padding: 4px 5px;
    color: #fff;
	display: block;
    width: 100%;
    background: transparent;
    font-family: Poppins-Regular;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.2;
    outline: none;
    font-weight: normal;
	border-top:0px;
	border-bottom:1px solid #fff;
	border-right:0px;
	border-left:0px;
}

.new-time textarea::placeholder {
	color:#fff;
}
.new-time input::placeholder {
	color:#fff;
}
.custom-file-input {
	color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
}
.custom-file-input::before {
	content: 'Choose File';
    color: black;
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #ffffff);
    border-radius: 3px;
    padding: 3px 13px;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
}
.custom-file-input:hover::before {
	border-color: black;
}
.custom-file-input:active {
	outline: 0;
}
.custom-file-input:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
.chose-no{
	position: relative;
    color: #fff;
    top: 2px;
}
.new-time-2 input[type="file"]:focus{
	outline:0;
    outline-offset: -2px;
}

.new-b-t{
	height: 38px;
    padding: 7px 9px;
	margin-top: 13px;
}

.navtop-2{
	position: relative;
    top: -195px;
    margin: auto;
    display: table;
}
.new-nav-hire .nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #ffffff;
    color: #000;
}

/* .new-nav-hire .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #cf263e;
} */
.new-nav-hire .nav-pills > li.active-new-hire > a, .nav-pills > li.active-new-hire > a:hover, .nav-pills > li.active-new-hire > a:focus {
    color: #fff;
    background-color: #cf263e;
} 
.new-nav-hire .nav-pills > li.design > a, .nav-pills > li.design > a:hover, .nav-pills > li.design > a:focus {
    color: #fff;
    background-color:#38327d;
}

.new-nav-hire .nav-pills > li.marketing > a, .nav-pills > li.marketing > a:hover, .nav-pills > li.marketing > a:focus {
	color: #fff;
    background-color:#2ca05a;
	
}

.new-nav-hire .nav-pills > li > a {
    border-radius: 4px;
    background: white;
    position: relative;
    display: block;
    padding: 11px 65px;
    margin-left: 30px;
    color: #000;
    font-size: 16px;
	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.15);
}


.hire-table:after {
    height: 60px;
    top: auto;
    bottom: 0;
    /* -webkit-clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0% 30%);
		clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0% 30%);
	transform: rotate(180deg); */
	
	clip-path: polygon(50% 0%, 100% 77%, 100% 100%, 0 100%, 0% 77%);
    transform: rotate(180deg);
}
.hire-table:after {
    content: '';
    background-color: rgba(207, 38, 63, 0.69);
    width: 86%;
    height: 62px;
    position: absolute;
    left: 29px;
    top: -140px;
    z-index: 1024;
	border-radius: 6px;
}
.new-ios{
	width:232px;
	height:94px;
    position: relative;
    top: -30px;
    left: -45px;
}

.android-app{
	left: -97px;
    width:210px;
	height:81px;
    top: -24px;
}
.font-hire{
	font-size:16px;
	top: 5px;
	position:relative;
}
.color-red-h{
	color: #cc263e;
}
.color-blue-h {
    color: #38327c;
}
.color-green-h {
    color: #2c9e59;
}
.margin-o-auto{
	margin: 0 auto;
}
/* .new-an{
	left: -29px;
} */




/* Absolute Center Spinner */
.loading {
	position: fixed;
	z-index: 9999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0,169,89, 0.75) 1.5em 0 0 0, rgba(0,169,89, 0.75) 1.1em 1.1em 0 0, rgba(0,169,89, 0.75) 0 1.5em 0 0, rgba(0,169,89, 0.75) -1.1em 1.1em 0 0, rgba(0,169,89, 0.5) -1.5em 0 0 0, rgba(0,169,89, 0.5) -1.1em -1.1em 0 0, rgba(0,169,89, 0.75) 0 -1.5em 0 0, rgba(0,169,89, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0,169,89, 0.75) 1.5em 0 0 0, rgba(0,169,89, 0.75) 1.1em 1.1em 0 0, rgba(0,169,89, 0.75) 0 1.5em 0 0, rgba(0,169,89, 0.75) -1.1em 1.1em 0 0, rgba(0,169,89, 0.75) -1.5em 0 0 0, rgba(0,169,89, 0.75) -1.1em -1.1em 0 0, rgba(0,169,89, 0.75) 0 -1.5em 0 0, rgba(0,169,89, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}




/***** Portfolio light Box ******/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top:3em !important;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url(../images/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/


#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(../images/fancybox_sprite.png);
	background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}

#fancybox-loading div {
	background-image: url(../images/fancybox_loading@2x.gif);
	background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}

/* .slides-fancy{
    height: 456px;
    border: 2px solid #ccc;
	margin-left: 12%;
} */

.color-event-tracking{
	color:#fff !important;
	text-decoration:none;
}

.new-app-img{
	position: relative;
    width: 63%;
    margin: auto;
    top: 61px;
}


/*Offer Modal*/
.offer-modal-n .modal-content {
    width: 700px;
    height: auto !important;
	padding-bottom: 30px;
}
.offer-modal-n .modal-header {
    border: none;
	padding:10px;
}
.offer-modal-n .close {
    margin-top: 0px;
}
.offer-modal-img {
    position: relative;
    left: 14px;
    top: 14px;
    border-radius: 6px;
    width: 88%;
    height: 510px;
}
.modal-c1 {
    position: relative;
    top: 40px;
    right: 24px;
}
.offer-modal-hr {
    border-top: none;
    border: 1px solid #EEE;
    z-index: 99;
    position: relative;
    top: 30px;
    width: 84%;
}
.c2 {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    z-index: 999;
    position: relative;
    display: table;
    margin: auto;
    background-color: #FFF;
    width: 222px;
    padding-left: 23px;
}
.c3 {
    font-size: 26px;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;
    display: table;
    margin: 22px auto;
	text-transform:uppercase;
}
.c4 {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    letter-spacing: 2px;
    display: table;
    margin:auto;
	text-transform:uppercase;
	position: relative;
    top: -22px;
}
.c5 {
	font-size: 14px;
    color: #000;
    font-weight: normal;
    display: table;
    margin: 0px auto;
    text-align: center;
    line-height: 26px;
}
.offer-modal-botton {
    background: #f12a15;
    width: 250px;
    text-align: center;
    margin: 40px auto;
    height: 60px;
    border-radius: 6px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 18px;
    letter-spacing: 2px;
	outline:none;
}
.offer-modal-btn {
    color: #FFF;
	outline:none;
}
.offer-modal-btn:hover{
    color: #FFF;
}
.offer-modal-btn:focus{
    color: #FFF;
}
.offer-modal-footer {
    width: 100%;
}
.footer-content {
    width: 74%;
    position: absolute;
    bottom: -106px;
}
.c6 {
    color: #f12a15;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid red;
    display: table;
    margin: auto;
}
.c6:hover{
    color: #f12a15;
}
.c6:focus{
    color: #f12a15;
}
.c7 {
    font-size: 12px;
    font-style: italic;
    position: relative;
    top: 146px;
}
.offer-modal-n .close-2 {
    top: 0px;
    right: 9px;
    color: #f12a15;
    font-size: 40px;
    font-weight: 100;
    opacity: 1;
    position: absolute;
    z-index: 1024;
	outline:none;
}
/*End Offer Modal*/

.p-new-class{
	color: #000;
    text-transform: capitalize;
    font-size: 14px;
    margin-top: -116px;
    /* word-break: break-all; */
    border: 1px solid #ccc;
    padding: 9px;
    text-align: justify;
}

.panel-default {
    border-color: #000000;
}
.panel-group {
    margin-bottom: 0;
}
.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
}
.panel-group .panel .panel-heading {
    padding: 0;
}
.panel-group .panel .panel-heading h4 a {
	background: #fbe071;
    display: block;
    font-size: 15px;
    line-height: 20px;
    padding: 15px;
    text-decoration: none;
    transition: 0.15s all ease-in-out;
	color: #000000;
}
.panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed) {
    /*background: #fff;*/
    transition: 0.15s all ease-in-out;
}
.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
    content: "-";
    font-size: 30px;
    line-height: 10px;
}
.panel-group .panel .panel-heading h4 a i {
    color: #000;
    font-size: 12px;
}
.panel-group .panel .panel-body {
    padding-top: 20px;
}
.panel-group .panel .panel-heading + .panel-collapse > .list-group,
.panel-group .panel .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.panel-group .panel + .panel {
    border-top: none;
    margin-top: 0;
}
.new-top-faq{
	margin-top: -175px;
}

/******** Cab ******/

.cab-services{
	background: url(../images/cab-bg-3.png);
	min-height:340px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: auto;
}
.cab-section-2{
	background: url(../images/main-screen.png);
	min-height:936px;
	background-repeat: no-repeat;
	background-size:cover;
	height: auto;
}
.box-screen img{
	width:280px;
}

.main-cb-content p{
	font-family: 'Poppins-Medium', sans-serif !important;
    text-align: center;
    font-size: 26px;
    color: #ffff;
    letter-spacing: 12px;
	margin: 0 0 0px;
}
.main-cb-content h3{
	font-family: 'Poppins-Medium', sans-serif !important;
    text-align: center;
    font-size:50px;
    color: #ffff;
	margin-top: 0;
}
.mt-25{
	margin-top: 25px;
}
.main-cb-box{
	border-radius: 29px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0.261px 2.989px 128px 0px rgba(17, 85, 29, 0.58);
    width: 90%;
    height: 200px;
    position: relative;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
	
}
.margin-ceneter{
	margin-left: auto;
    margin-right: auto;
    width: 95%;
    display: block;
}
.main-cb-box-dec p{
	font-family: 'Poppins-SemiBold', sans-serif;
    font-size:18px;
    color: #181818;
	margin: 18px 0 10px;
}
.details-dec p {
	font-size:14px;
	text-align:center;
	color: #181818;
}
.main-title-cb p{
	color: #181818;
    font-size: 30px;
    font-family: 'Poppins-Medium', sans-serif;
    margin: 170px 80px 10px;
}
.p-cb-new{
	margin: 0px 80px 10px!important;
    font-size: 15px!important;
}
.new-cab-new{
	font-size: 14px!important;
    font-family: 'Poppins-Regular', sans-serif !important;
    margin: 0px 80px 10px!important;
    line-height: 30px;
	
}
.last-cab-section{
	background: url(../images/demo-img.png);
	min-height:618px;
	background-repeat: no-repeat;
	background-size:cover;
	height: auto;
}

.main-title-cb-2 p{
	color: #fff;
    font-size: 30px;
    font-family: 'Poppins-Medium', sans-serif;
    margin: 170px 0px 10px;
}

.p-cb-new-2{
	margin: 0px 0px 10px!important;
    font-size: 15px!important;
}
.new-cab-new-2{
	font-size: 14px!important;
    font-family: 'Poppins-Regular', sans-serif !important;
    margin:20px 0px 10px!important;
    line-height: 30px;
	
}
.img-left-demo{
	position: relative;
    left: 30px;
}
/******* Cab *******/



/********** New Css Add Design Godad Mohammadali *******/

/* .language-bg{
	background-color: rgba(3, 69, 93, 0.75);
	height:315px;
} */
.language-banner{
	background-image: url(../new-image/language-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
	height: 550px;
	margin-top: 30px;
	background-attachment: fixed;
}
.language-title p{
	font-size: 30px;
    font-family: 'Poppins-Bold', sans-serif !important;
    text-align: center;
    color: #fff;
    margin: 12px 0 0px;
	
	
}
.language-dec p{
	font-size: 14px;
    font-family: 'Poppins-Regular', sans-serif !important;
    text-align: center;
    color: #fff;
    margin: 0px 0 5px;
	
}
.color-b{
	color:#0eb7c9;
}
.font-aswome-icon i{
	font-size: 70px;
    color: #fff;
}
.language-icon-title p{
	font-family: 'Poppins-Bold', sans-serif !important;
    text-align: center;
    color: #fff;
	margin: 12px 0 0px;
	font-size:18px;
}
.language-icon-dec p{
	color: #fff;
    font-size: 12px;
    margin: 5px 0 10px;
}
.map-bg{
	background: #fff url(../new-image/map.png);
	background-repeat: no-repeat;
	height:536px;
}
.vector-1{
	background: url(../new-image/vector-1.png);
    height: 563px;
    background-repeat: no-repeat;
    margin-left: 28px;
}
.vector-1 img{
	position: absolute;
    top: 173px;
    left: 93px;
}
.development p{
	font-family: 'Poppins-Bold', sans-serif !important;
    font-size: 35px;
    margin: 40px 0 5px;
    color: #3e3e3e;
}
.development-dec p{
	color:#8399a7;
	font-size:16px;
	font-family: 'Poppins-SemiBold', sans-serif !important;
}
.development-details p{
	color: #3e3e3e;
    font-size: 15px;
    line-height:32px;
}
.new_home_btn{
	width: auto;
    padding: 13px 31px;
    height: 48px;
    margin-top: 30px;
    background-image: linear-gradient(90deg,#3673d4,#19d4d7);
    border-color: transparent;
    box-shadow: none;
    border: 0;
}
.new_home_btn:hover,.new_home_btn:focus{
	background-image: linear-gradient(90deg,#3673d4,#19d4d7);
}

.our-product-section{
	background-color: #f0f6f7;
    min-height: 300px;
    margin-top: 64px;
	
}
.our-product-new p{
	font-size: 39px;
    font-family: 'Poppins-Bold', sans-serif !important;
    color: #3e3e3e;
    text-align: center;
    margin: 25px 0 10px;
}
.product_box{
	width:100%;
	background-color:#fff;
	padding:5px;
	height:311px;
	object-fit:cover;
	margin-bottom:55px;
	-webkit-box-shadow:0 2px 20px 20px rgba(143, 146, 146, 0.22);
    -moz-box-shadow: 0 2px 20px 20px rgba(143, 146, 146, 0.22);
	box-shadow: 0 2px 20px 20px rgba(143, 146, 146, 0.22);
	position:relative;
}
.new_home_button{
	position: absolute;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -17px;
	
}

.ni_real-button {
	width: 188px;
    height: 47px;
	background-color: #eb3e16;
    color: #fff;
    margin-right: auto;
    margin-left: auto;
    display: block;
    padding: 8px 15px;
    font-family: 'Poppins-Bold', sans-serif !important;
    font-size: 20px;
}
.ni_real-button:hover,.ni_real-button:focus{
	color: #fff;
}
.ecommerce_b{
	background-color: #0b9c8d;
}
.job-b{
	background-color: #ff7229;
}
.directy-b{
	background-color: #428bca;
}
.news-bg{
	background-color: #075bf5;
}
.real-s{
	background-color: #2b2d2b;
}
.vector-2{
	background: url(../new-image/vector-2.png);
    height: 563px;
    background-repeat: no-repeat;
	margin-left: 52px;
	background-size: 100% 100%;
}
.vector-2 img{
	position: absolute;
    top: 126px;
    width: 65%;
    right: 58px;
    height: 341px;
    object-fit: contain;
	
}
.vector-padding{
	padding-right: 0;
}
.margin-left-new{
	margin-left:80px;
}


.development h1 {
	font-family: 'Poppins-Bold', sans-serif !important;
    font-size: 31px;
    margin: 40px 0 5px;
    color: #3e3e3e;
}
.development h2 {
	font-family: 'Poppins-Bold', sans-serif !important;
    font-size: 31px;
    margin: 40px 0 5px;
    color: #3e3e3e;
}

.custom_form-control {
        display: block;
    width: 100%;
    height: 34px;
    padding: 0px 0px;
    font-size: 16px;
    color: #3e3e3e;
    line-height: 1.42857143;
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #9d9d9d;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 20px;
}
.placeholder-new input::placeholder{
	color: #3e3e3e !IMPORTANT;
}
.placeholder-new textarea::placeholder{
	color: #3e3e3e !IMPORTANT;
}
.placeholder-new input:focus {
    outline-offset:0px;
}

.custom_form-control:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.new_cont{
	    margin-right: auto;
    margin-left: auto;
    width:78%;
}
.new_sum_new{
	width: 28%;
    margin-top: 0;
}
.get-box{
	 width: 30px;
    height: 30px;
    background-image: linear-gradient(90deg,#3673d4,#19d4d7);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.get-box i {
    font-size: 16px;
    color: #fff;
}
.get-padding-left-zero{
	padding-left: 0;
}
.address-get address{
	    margin-bottom: 0px;
    color: #3e3e3e;
    line-height: 1.9;
    font-family: 'Poppins-Medium', sans-serif;
}
/********** New Css Add Design Godad Mohammadali *******/

@media (max-width:777px) {
	.language-banner {
		height:auto;
	    background: #1d1e1f;
	}
	.language-title p {
		font-size: 20px;
	}
	.language-title p {
		font-size: 20px;
	}
	.vector-1 {
		height: 299px;
		background-repeat: no-repeat;
		margin-left: -29px;
		background-size: contain;
	}
	.vector-1 img {
		position: absolute;
		top: 12px;
		left: 14px;
		width: 87%;
		height: 283px;
		object-fit: contain;
	}
	.map-bg {
		height:auto;
	}
	.product_box {
		height:auto;
	}
	.margin-left-new {
		margin-left: 0px;
	}
	.vector-2 {
       height: 367px;
    margin-left: 0;
    background-size: cover;
	}
	.vector-2 img {
		    position: absolute;
    top: 35px;
    width: 92%;
    right: 0;
    height: 302px;
    object-fit: contain;
	}
	.development p {
	    font-size: 26px;
	}
	.development-dec p {
	    font-size: 14px;
	}
	.development-details p {
		
		font-size: 14px;
		line-height: 25px;
		text-align: justify;
	}
	.product_box img {
		width:100%;
	}
	.navbar {
		min-height: auto;
	}
	.main {
		width: calc(100% - 35px);
		margin-left: 16px;
	}
	.new_cont {
	width:100%;
	}
}