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

@import url(font-awesome.min.css);
@import url(owl.carousel.css);


body{	
	font: 400 18px/28px Arial; 
	letter-spacing: 0.36px;
	overflow-x:hidden;	
	}

input{
	outline: none;
}
.pad20{ margin-bottom:40px;}

ul{ list-style:none;}
li{ font-size:18px;}
ul li:before{ font-family:FontAwesome; content:"\f105"; margin-right:12px;}
img { max-width:100%;}
.fs-6, table li{font-size:13px;}
table ul li:before{background-size:60%;left:-23px !important;}
.zsiq_theme1.zsiq_floatmain {bottom:74px;}
@media (min-width:1560px) {
 .container {
  width:1530px
 }
 .bannerContent {margin-top:40px;}
}
@media (min-width:1660px) {
 .container {
  width:1630px
 }
}

.q-block h3 {margin-bottom: 50px;}
.black *{ color:#000;}
.white *{ color:#fff;}
.orange{ color:#f26829;}
.banner h1.blue{color:#58b9dc;}
.light{font-family: 'Arial'; }
.tel-n, .tel-n:hover {color:#fff;text-decoration:none;}
header {
    background: #f7f7f7;
}
header.header23 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent;
	z-index: 9;
}
section.get-start.text-center.upgreadHolder {
    background: #f7f7f7;
}
header .logo{
	padding:25px 10px;
	max-width:280px;
	}
.header-rgt img{vertical-align:top; }
.header-rgt p{ display:inline-block;vertical-align:top;    margin-left: 40px;
    padding-top: 80px; }
	.header-rgt p span{ color:#f26829;}
.banner .carousel-control{ display:none;}
.banner-cont{
	position:relative;
	background:#1760ae;
	padding: 60px 0 40px;
}
.banner-cont.banner23 {
	background: #fff;
	padding-top: 115px;
	z-index: 1;
}
.banner-cont.banner23::before {
	content: url('../images/header_bg_top.png');
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}
.banner-cont.banner23::after {
	content: url('../images/header_bg_bottom.png');
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
}
.banner-cont.banner23.banner-thank::after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
}
.banner-cont.banner23 .banner h1, 
.banner-cont.banner23 .banner h2,
.banner-cont.banner23 .banner p,
.banner-cont.banner23 .bannerContent h3 {
	color: #1760ae;
}
.banner-cont.banner23 .banner h1 {
	font-weight: 700;
	font-size: 45px;
}
.banner-cont.banner23 .banner h3 {
	color: #2a2a2a;
	font-size: 20px;
}
.banner-cont.banner23 .banner .logo_365 {
	width: 200px;
	height: auto;
	margin-top: 16px;
}
.banner-cont.banner23 #landing-form h1 {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	color: #2a2a2a;
	margin-top: 0;
	text-align: center;
}
.banner-cont.banner23 #landing-form button[type="submit"] {
	background: #ffc40e;
	border: 0;
	color: #2a2a2a;
	width: 100%;
	font-weight: 700;
	transition: all .20s;
	font-size: 18px;
	padding: 14px 55px;
}
.banner-cont.banner23 #landing-form button[type="submit"]:hover {
	background: #165fad;
	color: #fff;
}

.banner .container-fluid{
    text-align: center;
    padding-top: 32px;
}
.banner .mt-4 {
    text-align: center;
}

.banner{
	position:relative;z-index: 1;
}
.error-msg,.has-error {
    font-size: 14px;
    line-height: 10px;
    width: 100%;
    float: left;
    text-align: left;
    padding: 7px 0 19px;
}
.modal .fields-group .error-msg{
	padding-left: 26%;
}
.banner .carousel-caption{
	left:0;
	right:auto;
	top:0;
	width:40%;
	text-align:left;text-shadow:none;
	z-index:1;
	}
.down-arrow{ z-index:1; position:absolute; width:46px; height:46px;  
    left: 50%;
    border: 2px solid #fed054;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    color: #000;
    bottom: 0; margin-left:-23px;}
.down-arrow i{ font-size:36px; line-height:44px;}
.banner{
	width:100%;
	float:left;
}
.banner h1,
.banner h2,
.banner p{
	color:#fff;
}
.banner p{
	font:400 20px/30px Arial
}
.banner .count-down li:before{
	display:none;
}
.landing-form{
	background:#fff;
	
	border:1px solid #d8d8d8;
	/*box-shadow:0 0 40px rgba(0,0,0,0.2);*/
	box-shadow: 0px 0px 6px #0000004D;
	padding:30px 50px;
	z-index:1;
	border-radius:5px;
}
.landing-form h1{
	font: Bold 36px/55px Arial;
}

.landing-form .wpcf7-form-control, .landing-form select{ border-radius: 4px;
    border: 1px solid #d8d8d8;
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 0;
	font-size:18px;
	color: #787878;
	outline: none;
 }
 .landing-form select{padding: 5px 20px;}
.landing-form textarea.wpcf7-form-control{ min-height: 90px;}
.landing-form .wpcf7-submit{
    border: 2px solid #f16829; 
    color:#f16829; 
    background:none;	
    border-radius:30px;
    margin-bottom: 0px;
    font-family: 'Arial'; 
    width:auto;    
    padding: 14px 55px;
}
.btn-primary{      
	color: #ffffff;
    background: #58b9dc;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-bottom: 0px;
    width: auto;
    padding: 9px 55px;
	border: #58b9dc 1px solid;
	transition: 0.4s linear all;
	-webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
}
.btn-primary:hover{     
	border-color: #1760ae;
    color: #1760ae;
    background: #ffffff;}

.bannerContent  h1{
	font:500 38px/50px Arial;
	margin-top: 0;
}
.bannerContent  h2{
	font:500 42px/54px Arial;
}
.why-course .col-sm-8 h2{
	text-align: left;
	font: 500 40px/52px Arial;
	letter-spacing: 0.8px;
	color: #353691;
}
.why-course .col-sm-8 h3{
	font: 500 30px/42px Arial;
	letter-spacing: 0.6px;
	color: #171717;
}
.why-course .col-sm-8 p{
	font: 400 20px/28px Arial;
	letter-spacing: 0.4px;
	color: #171717;
}
.solution .greeHeight h2{
	font: 500 36px/48px Arial;
	letter-spacing: 0.4px;
	color: #FFFFFF;
}
.solution .greeHeight ul{
	padding:0;
	margin:0;
	list-style-image:  url(../images/checkIcon.png);
}
.solution .greeHeight ul li{
	font: 400 18px/28px Arial;
	letter-spacing: 0.4px;
	color: #FFFFFF;
    margin-bottom: 5px;
	padding-left: 10px;
}
.solution .greeHeight ul li:before{
    /*background: url(../images/checkIcon.png) no-repeat 0 5px;
    margin-right: 12px;*/
    content: '';
	    margin: 0;
    /*width: 16px;
    height: 20px;
    display: inline-block;
    background-size: contain;*/
}


.captcha-msg{ margin-bottom:10px;color: #939191;}
.captcha-msg input{
    border-radius: 4px;
    border: 1px solid #d8d8d8;
    padding: 5px 10px;
    width: 100px;
    margin-bottom: 10px;
}
.why-course{
	background:#fff; 
	padding-bottom: 70px;
    padding-top: 70px;
	
}
.why-course .course-mod .item .solution-cont{ padding:0px 50px 20px; margin-bottom: 20px; min-height: auto;}
.why-course .course-mod .item .solution-cont ul{ padding: 10px 0;}
.why-course .course-mod .item .solution-cont ul li{
    padding: 10px 40px; background: url(../images/tickbullet.png) no-repeat left 8px;
}
.why-course .course-mod .item .solution-cont ul li::before{display: none;}
.solution{
	background:#fff; 
	position:relative;
	
	}
	/*.solution .container{
		padding: 50px 0 30px;
	}*/
.solution:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 50%;
    background: #1760ae;
}
.solution-cont{
	background:#f5f5f5;
	min-height:485px;border-radius: 7px;overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	}
.icon-img{
	background:url(../images/splash.png) no-repeat center bottom;
	width:155px;
	height:115px; text-align:center;
	margin:0 auto 10px;
}
.banner .mt-4{
	font: 500 25px/38px Arial;
}
.solution-cont h3{
	color: #f26829;
    text-align: center;
    background: #fff;
    padding: 30px 0; margin: 0;
    }
.solution .course-mod .item{
    width: 25%; padding: 0 15px; box-sizing: border-box; float:left; margin-bottom: 30px;
}
.solution .course-mod .item ul{
    list-style: none;
    padding: 20px;
    text-align: center;
}
.solution .course-mod .item ul li{
    font-size: 18px;
    padding: 10px;
    font-weight: 600; background: url(../images/devider.png) no-repeat center bottom;
}
.solution .course-mod .item ul li:last-child{background: none;}
.solution .course-mod .item ul li::before{ display: none;}
.portfolio{ padding:70px 0 150px; position:relative}
.portfolio:before{
	content:"";
	position:absolute;
	bottom:150px;
	top:70px;
	right:0;
	width:50%;
	background:#f26829;
	}
.portfolio .carousel-caption{
	left:auto;
	right:0;
	top:0;
	width:38%;
	text-align:left;text-shadow:none;
	z-index:1;
	}
.portfolio .carousel-control {
    position: absolute;
    top: auto;
    bottom: 30px;
    left: 0;
    width: 70px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background: #fecf51;
    opacity: 1;
    height: 60px;
}
.header-rgt img{
	position: absolute;
    z-index: 2;
	left: 51px;
}
.header-rgt ul img{
	position: static;
	    margin-top: 4px;
    margin-right: 6px;
}
.header23 .header-rgt ul img {
	filter: brightness(0) invert(1);
}

.greeHeight{
	min-height:450px;
	padding: 50px 50px 30px 0;

}
.halfWhite{
	background:#fff;
}
.halfWhiteInner{
    width: 48.8vw;	
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
}
.halfWhite img{
	z-index: 999;
    position: relative;
	padding-left: 34px;
	padding-top: 57px;
}
.get-start h2{
	text-align: center;
	font: 500 40px/60px Arial;
	letter-spacing: 0.4px;
	color: #353691;
}
.get-start p{
	text-align: center;
	font: 400 20px/28px Arial;
	letter-spacing: 0.4px;
	color: #171717;
	padding-bottom: 134px;
}
.get-start .upgradeHolder{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #353691;
    border-radius: 5px;
    padding: 70px 30px 15px;
    margin-bottom: 113px;
    transition: all 0.3s ease;
    min-height: 430px;
	position:relative;
}
.get-start .upgradeHolder:hover{
	background: #353691 0% 0% no-repeat padding-box;
	border: 1px solid #353691;
	border-radius: 5px;
}
.get-start .upgradeHolder h2{
	text-align: left;
	font: 500 24px/35px Arial;
	letter-spacing: -0.48px;
	color: #000;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

.get-start .upgradeHolder p{
	text-align: left;
	font: 400 18px/28px Arial;
	letter-spacing: 0.36px;
	color: #171717;
	padding-bottom:0;
}
.get-start .upgradeHolder:hover h2,
.get-start .upgradeHolder:hover p,
.get-start .upgradeHolder:hover ul li{
	color: #fff;
}
.number {
    background: #353691;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    position: absolute;
    left: 27px;
    top: 21px;
}

.footer .disclaimer h3 {
    font-size: 14px;
}
.footer .disclaimer p {
    font-size: 13px;
    line-height: 12px;
    float: left;
    width: 56%;
    text-align: left;
}
.footer .disclaimer p:last-child {
    float: right;
    width: 239px;
    text-align: right;
}
.get-start .upgradeHolder:hover .number{
    background: #fff;
	color: #353691;
}
.iconHolder{
    background: url(../images/UPIconBg.png) no-repeat;
	width:140px;
	height:152px;
    padding: 41px 0 0 0;
    position: absolute;
    top: -79px;
    left: 40%;
	transition: all 0.3s ease;
}
.get-start .upgradeHolder:hover .iconHolder{
	background:url(../images/UPIconBgH.png) no-repeat;
	width:140px;
	height:152px;
}

.upgradeHolder ul{
	padding:0;
}
.upgradeHolder ul li{
	text-align:left;
	margin-bottom: 10px;
}
.upgradeHolder ul li:before {
    font-family: FontAwesome;
    content: " ";
    margin-right: 0;
}
.get-start .upgradeHolder ul li img {
	margin-right:10px;
}
.get-start .upgradeHolder:hover .iconHolder img,
.get-start .upgradeHolder:hover ul li img{
   filter: brightness(0) invert(1);  
}
.get-start .upgradeHolder:hover ul li img{
	margin-right:10px;
}

.whyChoose {
    position: relative;
    padding: 60px 0 40px;
}

.whyChoose:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    width: 70%;
    background: #08a74e;
}
.magentoQA ul li b{
	text-align: left;
	font: 500 18px/28px Arial;
	letter-spacing: 0.36px;
	color: #FFFFFF;
	    text-shadow: 0 0 0;
}
.magentoQA ul li{
	text-align: left;
	font: 400 18px/28px Arial;
	letter-spacing: 0.36px;
	color: #FFFFFF;
	    margin-bottom: 30px;
}
.magentoQA ul li:before {
    font-family: FontAwesome;
    content: " ";
    margin-right: 0;
}
.magentoQA ul li img{
	margin-right:10px;
}
.magentoForU{
	text-align:center;
}
.magentoForU h2,
.magentoForU h3{
	margin:0;
}
.magentoForU h2{
	text-align: left;
	font: 700 38px/57px Arial;
	letter-spacing: 0;
	color: #58b9dc;
}
.magentoForU h2.blueCitytech{
	text-align: left;
	font: 700 84px/102px Arial;
	letter-spacing: 0.68px;
	color: #58b9dc;
    margin-bottom: 15px;
}
.magentoForU h3{
	text-align: left;
	font: 700 24px/35px Arial;
	letter-spacing: 0;
	color: #08a74e;
	text-transform: uppercase;
}
.magentoForU h3.rightAlign{
	text-align:right;
}
.magentoForU img{
	margin: 0 auto;
}
.magentoForU img.assoc_dev{
	margin-top:30px;
	margin-bottom:15px;
}
.engageBox {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #08A74E;
    border-radius: 5px;
    padding: 20px 30px 30px;
	width:100%;
	float:left;
}
.engareTop {
    width: 100%;
    float: left;
    padding: 0 0 80px;
}
.engage h2{
	text-align: left;
	font: 500 25px/38px Arial;
	letter-spacing: 0;
	color: #353691;
}
.engage .engageHolder h2{
	font: 500 40px/60px Arial;
	letter-spacing: 0.4px;
	color: #353691;
}
.engage .engageHolder p{
	font: 500 24px/34px Arial;
	letter-spacing: 0.4px;
	color: #171717;
}
.engageInnerBoxFirst{
	border-right:1px solid #08A74E;
	padding: 0 30px 0 0;
}
.col-sm-6 .engageBox{
	min-height: 249px;
	margin-bottom: 30px;
}
section.engage {
    padding: 75px 0 0 0;
	background: #f7f7f7;
}
.engage p{
text-align: left;
font: 400 18px/27px Arial;
letter-spacing: 0;
color: #171717;
}

/* Slider */

.carousel-img{
	float: left;
    width: 50%;
    position: relative;
	z-index: 11;
}

.carousel-caption{
	text-align: left;
    width: 52%;
    float: left;
    position: relative;
    left: auto;
    right: auto;
    background-color: #08a74e;
    padding: 50px 95px;
    margin-top: 97px;
    text-shadow: none;
    margin-left: -2%;
}

#myCarousel .carousel-indicators {
    bottom: 13px;
	width: auto;
	right: 0;
	left: auto;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{
	background-color: #08a74e;
    text-shadow: none;
    border-radius: 50%;
    font-size: 21px;
	line-height: inherit;
	margin-left: -100px;
}

.carousel-control .glyphicon-chevron-right{
	margin-left: 0;
    margin-right: -100px;
}

.carousel-control.left, .carousel-control.right{
	background: none;
}


/* Slider-----/ */

.faQ{
	background:#353691;
	width: 100%;
	float: left;
	padding-bottom: 70px;
}
.faQ h2.faq {
    background: #08a74e;
    /* float: left; */
    width: 19%;
    text-align: right;
    color: #fff;
    text-align: right;
    font: 500 40px/51px Arial;
    letter-spacing: 0;
    color: #FFFFFF;
    padding: 15px 21px 16px 0;
	margin-bottom: 50px;
	    margin-top: 0;
}
.faQ img,
.faQ .faqContent{
	float:left;
}
.faQ .faqContent{
	width:90%;
}
.faQ img{
	margin-top: 8px;
	margin-right: 15px;
}
.faQ .faqContent .FAQquestion{
	text-align: left;
	font: 500 25px/38px Arial;
	letter-spacing: 0.5px;
	color: #FFFFFF;
}
.faQ .faqContent .FAQanswer{
	text-align: left;
	font: 400 18px/27px Arial;
	letter-spacing: 0;
	color: #FFFFFF;
}
.faQ ul li {
	width:100%;
	float:left;
	margin-bottom: 30px;
}

section.sliderBottom {
    padding: 50px 0 50px;
}

.footer,
.footer a{
	background:#00172d;
	color:#fff;
}
.footer{
	width:100%;
	float:left;
	padding-top:50px;
}

.tollFree,
.copy{
	text-align:center;
	width:100%;
	float:left;
}
.tollFree a{
	border: 1px solid #FFFFFF;
	border-radius: 29px;
	font: 400 22px/33px Arial;
	letter-spacing: 0.44px;
	color: #FFBA00;
	padding: 12px 35px;
}
.tollFree {
    border-bottom: 1px solid #414a50;
    padding: 55px 0 33px;
	margin-bottom: 23px;
}
.tollFree a:hover{
	text-decoration:none;
}
.copy p{
	font:400 12px/14px Arial;
	color:#f5f5f5;
	margin-bottom:0;
}
.copy {
    padding-bottom: 15px;
    float: right;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #263848;
}
.disclaimer {
    text-align: center;
    padding: 0;
    float: left;
    width: 100%;
}
.footer .socialIcon,
.footer .footerlogoHolder{
	float:left;
}
.footer .socialIcon{
	margin-right:30px;
}
.footer .socialIcon ul{
	padding:0;
}
.footer .socialIcon ul li{
	margin-bottom:10px;
}
.footer .socialIcon ul li:before {
    font-family: FontAwesome;
    content: " ";
    margin-right: 0;
}
/*=== Digital Timer ===*/
	
	.count-down li {
		display: inline-block;
		font-size: 1.2em;
		list-style-type: none;
		padding: 3px;
		text-transform: uppercase;
		text-align: center;
		background: #fff;
		border-radius: 3px;
		min-width: 134px;
		position: relative;
		margin-right: 20px;
		color: #000;
		line-height: 45px;
		font: 400 17px/26px Arial;
	}

	.count-down li span {
		display: block;
		font-size: 4.5rem;
		background: #08a64e;
		font: 300 72px/108px Arial;
		color: #fff;
		height: 108px;
	}	
	.count-down li:after {
		content: ':';
		position: absolute;
		right: -20px;
		top: 46px;
		font-size: 4em;
		color: #fff;
	}
	.count-down li:last-child:after {
		content: '';
	}
	
	
/*=== end Digital Timer ===*/
	
.portfolio .carousel-control .fa{font-size: 36px; color: #000; line-height: 55px;}
.portfolio .carousel { padding: 25px 0;}
.portfolio .carousel-control.right{ left:60.8%;}
.portfolio .carousel-control.left{ left:54%;}
.portfolio p span{ margin-right:15px;}
.portfolio ul{ padding:0;}
.portfolio ul li{ font-size:20px;}
.portfolio ul.nolist li:before{ display:none;}


.prof-cont{ padding: 100px 0 30px;}
.why-choose{ background:#ededed; padding:40px 0; position:relative;}
.why-choose:before{
	content:"";
	position:absolute;
	bottom:0px;
	top:0;
	left:-200px;
	width:50%;
	background:#f26829;
	}

.hire-magento-developers .icons {
    background-image: url(../images/magent-icons.png);
    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
    display: block;
	float:left;
    margin-right: 10px;
    margin-top: 15px;
}
.hire-magento-developers .icons.design { background-position: 0 0;}
.hire-magento-developers .icons.code-integrate {  background-position: 0 -65px;}
.hire-magento-developers .icons.setting {  background-position: 0 -140px;}
.hire-magento-developers .icons.optimization { background-position: -90px 0;}
.hire-magento-developers .icons.migration { background-position: -90px -60px;}
.hire-magento-developers .icons.psd { background-position: -85px -136px;}
.hire-magento-developers p{ margin-bottom:20px;}
.why-choose-txt{ padding-right:120px;}
.get-start{ padding:60px 0;}



.our-engagement{ position:relative; padding:60px 0 40px;}
.our-engagement:before{
	content:"";
	position:absolute;
	bottom:0;
	top:0;
	right:0;
	width:50%;
	background:#f26829;
	}
.client-speake .carousel-caption {
	position: relative;
bottom: auto;
text-shadow: none;
left: auto;
right: auto;
top: auto;
 min-height:420px;
}.client-speake {
    padding: 0 30px; 
}
.client-say{ padding:30px 0 50px}
.client-say > div{ float:left; margin-right:30px;}
.client-say > p{ padding-top:30px; overflow:hidden; text-align: left;}
.any-question{ position:relative; padding:60px 0 40px;}
.any-question:before{
	content:"";
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	width:50%;
	background:#f26829;
    }
.address{padding-left: 0px;letter-spacing: -0.023em;}
.address h3{
	position:relative;
	margin-bottom: 40px;
	margin-top: 0px;
}
.address h3:before{
	background: #eaeaea;
    width: 67px;
    height: 3px;
    content: '';
    position: absolute;
    top: 40px;
}
.carousel-indicators { bottom: 42px;}
.carousel-indicators li {
    width: 17px;
    height: 17px;
    border: none; margin:0;
	background:rgba(0, 0, 0, 0.2)
}
.carousel-indicators .active{
    width: 17px;
    height: 17px; background:#08a74e; }
.client-speake  .carousel-indicators li {	background:rgba(255,255,255,0.6)}
.client-speake .carousel-indicators .active{background:#fff; }
.client-speake .carousel-indicators{    bottom: -28px;}
	.our-engagement-txt p {  margin-bottom: 35px;}
	.our-engagement-txt img {  margin-bottom: 35px;}
.our-customer{ padding:0 20px;}	
.our-customer h2{ font-size:48px; margin-bottom:30px }	
footer{
	background:#ededed;
	padding:35px 0 60px; font-size:18px;
	}
footer a, footer a:hover, .address a, .address a:hover {color:#fff;text-decoration:none;}
.footer .address p a{
	color:#fff;
}
.chose-list ol{ list-style:none;}
.chose-list li{ margin-bottom:10px; position:relative; padding-left: 38px;margin-bottom: 20px;}
.chose-list li span {
    background: #f26829;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-family: 'DubaiW23-Bold';
    line-height: 32px;
    border-radius: 100%;
	position: absolute;
	left:0;
	top:0;
}
.header-rgt ul {
	float: right; padding:42px 0 0;position: absolute;
	right: 0;
	top: 0;
}	
.header-rgt ul li {
   margin-left: 10px;display: inline-block;
}	
.header-rgt ul li a {
    color: #171717;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    font: 400 20px/27px Arial;
	letter-spacing: 0.36px;
	text-decoration:none;
}
.header23 .header-rgt ul li a {
	color: #fff;
}
.header-rgt ul li i{     line-height: 30px;}
.header-rgt ul li:before { display:none;}	
.question{ padding:10px 0 0;position:absolute;right:0;bottom:0}	
.question li:before { display:none;}
.question li {
   margin-right: 20px; display:inline-block;
}	

.question li a{ 

    font-family: "DubaiW23-Bold";
    width: 50px;
    display: inline-block;
    border: 1px solid #fff;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;

}
.question li a i {
font-size: 30px;
line-height: 46px;
}
.question li a:hover { background: #fff;}
.question li a:hover i{ color: #f26829;}

.goodfirm-widget{
	text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
}
.modal h4{
	text-align: center;
	font: 500 29px/45px Arial;
	letter-spacing: 0.58px;
	color: #353691;
}
.modal h5{
	text-align: center;
	font: 500 22px/28px Arial;
	letter-spacing: 0.44px;
	color: #171717;
}
.modal input{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	width: 50%;
	padding: 7px 15px;
}
.modal #submitbtn{
	background: #08A74E 0% 0% no-repeat padding-box;
	border-radius: 3px;
	color:#fff;
	border:0;
    padding: 5px 33px;
    margin-bottom: 15px;
}
.modal .modal-header .close {
    margin-top: -23px;
}
.modal p{
	text-align: center;
	font: Regular 20px/28px Arial;
	letter-spacing: 0.4px;
	color: #171717;
}
.modal  .modal-title h2{
	text-align: center;
	font: 400 40px/62px Arial;
	letter-spacing: 1.2px;
	color: #08A74E;
}
.modal  .modal-header {
    padding: 35px 15px 0 15px;
    border-bottom: 0px solid #e5e5e5;
}
.modal .modal-body {
    position: relative;
    padding: 0 15px 15px 15px;
}
.fields-group{
	text-align:center;
}

/* Custom file uploaded */
.file-upload {margin-bottom:20px}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    max-width: 100%;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
}
.no-js .inputfile + label {
    display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.inputfile-skin + label {
    color: #333;
	font-size:16px;
}

.inputfile-skin + label {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0;
	border-radius:4px;
	width:100%;
}
.file-type-msg {font-size:11px; color:#ccc;}
.file-err{color:#ff0000}
.inputfile-skin:focus + label,
.inputfile-skin.has-focus + label,
.inputfile-skin + label:hover {
    border-color: #ccc;
}

.inputfile-skin + label span,
.inputfile-skin + label strong {
    padding: 0.925rem 1.25rem;
    /* 10px 20px */
}

.inputfile-skin + label span {
    width:50%;
    min-height: 2.4em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-skin + label strong {
    height: 100%;
    color: #848484;
    background-color: #f3f3f3;
	border-left: #e4e4e4 1px solid;
    display: block;
	float:right;
	width:50%;
}

.inputfile-skin:focus + label strong,
.inputfile-skin.has-focus + label strong,
.inputfile-skin + label:hover strong {
    background-color: #fff;
}
.text-white {color:#fff;}
/* Custom file Upload */

.portfolio-area {background:#f7f7f7;padding:75px 0}


@media (min-width:993px) {
	
	.solution-cont { padding: 20px 15px;}
.why-choose::before {  left: -100px;}
.why-choose-txt { padding-right: 30px;}
.banner .carousel-caption { width: 50%;}

.header-rgt p {  padding-top: 50px;}
.our-customer h2 { font-size: 32px;}
.portfolio img { width: 60%;margin-bottom: 155px;}
.prof-cont {  padding: 15px 0 30px;}
.portfolio .carousel-control { bottom: -55px;}
.banner .item > img {  margin-bottom: 80px;}
	
}

@media (min-width:1200px) {
.banner .item > img { width: 80%;}
.banner .carousel-caption { width: 43%;}
.portfolio img { margin-bottom: 55px;}
}

@media (min-width:1560px) {
	
	.solution-cont { padding: 0;}
.why-choose::before {  left: -200px;}
.why-choose-txt { padding-right: 120px;}
.banner .carousel-caption { width: 40%;}
/*body { line-height: 22px;  font-size: 18px; }
h2 {  font-size: 60px; padding-top: 40px;}
h3 {  font-size: 24px;}*/
.header-rgt p {  padding-top: 80px;}
.our-customer h2 { font-size: 48px;}
.portfolio img { width: 60%; margin-bottom: 0px;}
.prof-cont {  padding: 15px 0 30px;}
.portfolio .carousel-control {  bottom: -25px;}
.portfolio .carousel-control.left { left: 56%;}
.banner .item > img{ width:auto;}
.banner .carousel-caption ul { padding: 0;}
.banner .carousel-caption ul li { font-size: 18px;}
.chose-list li{ font-size: 20px;  margin-bottom:12px;padding-left: 0px;}
.chose-list li span {width: 36px;
height: 36px;
margin-left: -50px;
line-height: 36px;
margin-right: 6px;
position: relative;
top: 2px;}

.question li a:hover{ color:#fff;}	
.question li {font-size: 24px;}	
}
@media (min-width: 768px){
	.modal .modal-dialog {
		width: 700px;
		margin: 30px auto;
	}	
}
@media (max-width:1650px){
	.col-sm-6 .engageBox {
		min-height: 277px;
		margin-bottom: 30px;
	}
	.whyChoose:before {
		width: 72%;
	}
	/*.faQ h2.faq {
		width:14%;
	}*/
	.solution .halfWhite {
		height: auto !important;
	}
}
@media (max-width:1570px){
	.landing-form {
		padding: 30px 26px;
	}
	.landing-form h1 {
		font: Bold 28px/28px Arial;
	}
	.banner .mt-4 {
		font: 500 22px/35px Arial;
	}
	.count-down li span {
		font: 300 52px/96px Arial;
		height: 101px;
	}
	.count-down li {
		min-width: 105px;
		font: 400 16px/26px Arial;
	}
	.bannerContent h2 {
		font: 500 41px/58px Arial;
	}
	.get-start .upgradeHolder {
		min-height: 530px;
	}
	.whyChoose .col-sm-3 {
		width:40%;
	}
	.whyChoose .col-sm-9 {
		width:60%;
	}
	.whyChoose:before {
		width: 57%;
	}
	.col-sm-6 .engageBox {
		min-height: 306px;
		margin-bottom: 30px;
	}
}


@media (max-width:1559px) {
	.carousel-inner{
		min-height: 430px;
	}
	.carousel-caption{
		padding: 21px 46px 14px 45px;
		margin-top: 77px;
	}

	#myCarousel .carousel-indicators {
		bottom: -25px;
	}

	.carousel-control .glyphicon-chevron-right {
		margin-right: -70px;
	}

	.carousel-control .glyphicon-chevron-left {
		margin-left: -70px;
	}
}

@media (max-width:1370px) {
	.solution .greeHeight h2,
	.get-start h2	{
		font: 500 30px/42px Arial;
	}
	.why-course .col-sm-8 h3 {
		font: 500 23px/33px Arial;
	}
	.why-course .col-sm-8 h2 {
		font: 500 33px/39px Arial;
	}
	.why-course .col-sm-8 p,
	.get-start p	{
		font: 400 17px/25px Arial;
	}
	.solution .greeHeight ul li {
		font: 400 18px/23px Arial;
	}
	.greeHeight {
		min-height: 450px;
		padding: 18px 50px 30px 0;
	}
	.whyChoose:before {
		width: 56%;
	}
	.whyChoose .col-sm-3 {
		width:40%;
	}
	.whyChoose .col-sm-9 {
		width:60%;
	}
	.magentoForU h2.blueCitytech {
		font: 700 68px/67px Arial;
	}
	.engage .engageHolder h2 {
		font: 500 34px/57px Arial;
	}
	.engage .engageHolder p {
		font: 500 18px/28px Arial;
	}
	.engage h2 {
		font: 500 20px/25px Arial;
	}
	.faQ .faqContent .FAQquestion {
		font: 500 22px/28px Arial;
	}
	.footer h3{
		font-size:24px;
		margin-bottom: 35px;
	}
	.footer p{
		font: 400 15px/30px Arial;
	}
	.footer .socialIcon {
		margin-top: 5px;
		margin-bottom: 21px;
	}
	.tollFree a {
		font: 400 19px/22px Arial;
	}
	.get-start .upgradeHolder {
		min-height: 546px;
	}
	.col-sm-6 .engageBox {
		min-height: 306px;
	}
	.bannerContent  ul{
		padding:0;
	}
	.count-down li {
		min-width: 82px;
		font: 400 15px/26px Arial;
	}
	.count-down li span {
		font: 300 43px/91px Arial;
		height: 89px;
	}
	.bannerContent h2 {
		font: 500 35px/42px Arial;
	}
	.banner p {
		font: 400 18px/27px Arial;
	}
	.banner .landing-form.pull-right {
		float: left!important;
	}
	.landing-form {
		padding: 30px 19px;
	}
	.landing-form h1 {
		font: Bold 26px/33px Arial;
	}
	.btn-primary {
		font-size: 17px;
	}
	.landing-form textarea.wpcf7-form-control {
		min-height: 101px;
	}
	.get-start h2 {
		font: 500 30px/46px Arial;
	}
	.get-start p {
		font: 400 18px/24px Arial;
	}
	.zsiq_theme1.zsiq_floatmain {
		bottom: 102px;
	}
	.disclaimer p:last-child {
		float: right;
		width: 280px;
		text-align: right;
	}
	.footer .disclaimer p {
		font-size:13px;
		line-height:15px;
	}
}

@media (max-width:1199px) {
	.carousel-inner{
		min-height: 400px;
	}
	.carousel-caption{
		padding: 3px 30px 14px 45px;
		margin-top: 69px;
	}

	#myCarousel .carousel-indicators {
		bottom: -25px;
	}
}

@media (max-width:992px) {
	.landing-form{ position:relative; top:0; margin:30px auto 70px;max-width: 100%;}
	.solution-cont{ margin-bottom:30px;}
	.portfolio .carousel-caption { width: 100%; position: relative; background: #f26829; padding: 30px;}
	.portfolio::before,.why-choose:before,.our-engagement:before,.any-question:before { display:none;}
	.why-choose-txt {  padding: 30px;  background: #f26829; position: relative;  top: -30px;}
	.why-choose {  background: #ededed; padding: 0 0 40px; position: relative;}
	.client-speake { padding: 30px; background: #f26829;margin-bottom: 25px;}
	.any-question .white{ padding: 30px; background: #f26829;}
	.portfolio .carousel-control.left { left: 35%; bottom: -35px;}
	.portfolio .carousel-control.right { left: 49.5%; bottom: -35px;}
	.pull-right {    float: none !important;}
	.our-engagement {  position: relative;    padding: 0px;}
	.down-arrow {  bottom: -68px;}.any-question .white { margin-bottom: 20px;}
	h2 { font-size: 30px;}
	.header-rgt p { margin-left: 20px; padding-top: 80px; font-size: 18px;}
	.landing-form .wpcf7-form-control { height: 60px;}
	.landing-form textarea.wpcf7-form-control { min-height: 130px;}	
	.banner .item > img {  margin-bottom: 120px;}
	.banner .item  p { font-size:18px;}
	.banner .carousel-caption { width: 55%;}
	.carousel-indicators { bottom: 45px;}

	body .container {
		width: 95%;
	}
	.header-rgt ul {
		padding: 35px 0 0;
	}
	.header-rgt ul li a {
		font: 400 15px/27px Arial;
	}
	.banner .bannerContent.col-sm-7,
	.banner .landing-form{
		width:50%;
	}
	.count-down li {
		min-width: 64px;
		font: 400 15px/26px Arial;
	}
	.count-down li span {
		font: 300 34px/91px Arial;
		height: 82px;
	}
	.footer .disclaimer p,
	.footer .disclaimer p:last-child	{
		width:100%;
		text-align:center;
	}

	.carousel-caption{		
		padding: 9px 31px 14px 45px;
		margin-top: 56px;
		}
	
		#myCarousel .carousel-indicators {
			bottom: -30px;
		}
	
		.carousel-control .glyphicon-chevron-right {
			margin-right: -60px;
		}
	
		.carousel-control .glyphicon-chevron-left {
			margin-left: -60px;
		}

}


@media (max-width:955px){
	.banner .bannerContent.col-sm-7, .banner .landing-form {
		width: 100%;
	}
	.banner .bannerContent.col-sm-7 {
		text-align: left;
		padding: 37px 0 0;
	}
	.banner .bannerContent.col-sm-7 ul {text-align: left; margin:0 auto;}
	.col-sm-6 .engageBox {
		min-height: 356px;
	}
	.header-rgt img {
		left: 7px;
	}
	.header-rgt ul li a {
		font: 400 13px/27px Arial;
	}
	.modal .modal-dialog {
		width: 80%;
	}
	.halfWhiteInner {
		width: auto;
	}
}

@media (max-width:850px){
	
	/* Slider */

	.carousel-img{
		width: 77%;
		left: 10%;
	}

	.carousel-caption{
		width: 100%;
		padding: 156px 45px 17px 60px;
		margin-top: -153px;
		margin-left: 0;
		min-height: 470px;
	}

	#myCarousel .carousel-indicators {
		/* bottom: 16px;
		width: auto;
		right: 20px; */
		display: none;
	}

	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{
		margin-left: -47px;;
	}

	.carousel-control .glyphicon-chevron-right{
		margin-right: -47px;
	}
	.carousel-indicators .active {
		border: #fff solid 2px;
	}


	/* Slider-----/ */

}

@media (max-width:767px){
	.upgreadHolder .col-sm-6{
		width:100%;
		padding: 0px;
	}
	.get-start .upgradeHolder {
		min-height: auto;
		margin-bottom: 113px!important;
	}
	

	.engageInnerBoxFirst {
		border-right: 0;
		padding: 0 30px 0 0;
	}
	.solution:before {
		left: 0;
		/*width: 100%;*/
	}
	.solution {
		/*background: #08a74e;*/
		position: relative;
	}
	.solution .halfWhite {
		height:auto !important;
	}
	.solution .greeHeight ul {
		padding: 0 0 0 32px;
	}
	.whyChoose .col-sm-3,
	.whyChoose .col-sm-9	{
		width: 100%;
	}
	.whyChoose:before {
		background: #ffffff;
	}
	.magentoQA {
		background: #08a74e;
		padding: 30px 24px 16px 0;
	}
	.magentoForU h3.rightAlign {
		text-align: left;
		padding-left: 37%;
	}
	.engareTop {
		text-align: center;
	}
	.col-sm-6 .engageBox {
		min-height: auto;
	}
	.footer .socialIcon, .footer .footerlogoHolder {
		float: left;
		width: 100%;
		text-align: center;
	}
	.address {
		padding-left: 0;
		text-align: center;
	}
	.header-rgt img {
		left: 3px;
		width: 17%;
	}
	.header-rgt ul img {
		width: auto;
	}
	.banner-cont {
		padding: 0px 0 30px;
	}
	.why-course {
		text-align: center;
	}
	.zsiq_cnt {display:none !important}
}

@media (max-width:767px) {
   .solution:before {
		left: 0;
		width: 100%;
	}
	.solution {
		position: relative;
		padding-top: 40px;
	}
	
.banner h2 + p {
    display:none;
}

.header-rgt ul {
    right: 0;
}


h2 { font-size: 36px;}
body { line-height: 24px;  font-size: 18px; }
header .logo { 
	padding: 30px 15px 12px 0;
    width: 210px;
    float: left;
}
.header-rgt img {
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    z-index: 5;
	left:201px;
}
	.header-rgt p { margin-left: 0;  padding-top: 54px;}
.portfolio .carousel-control.right {left: 45.5%;}
.portfolio .carousel-control {  width: 70px;  height: 70px;}
.portfolio .carousel-control .fa {  line-height: 65px;}
.banner .carousel-caption { width: 100%;}
.banner .carousel-caption img{ width: 150px;}
.banner .item {  padding-top: 186px;}
.banner .item  > img{ width: 800px;max-width: 800px; float: right; margin-bottom: 0; padding-top: 80px;}
.prof-cont { padding: 20px 0 10px;}
.header-rgt ul { right: 0;}
	.modal .modal-dialog {
		width: 95%;
	}
}
@media (max-width:767px) {
	.header-rgt img {
		width: 118px;
		left: auto;
	}
	header .logo {
		padding: 30px 15px 12px 0;
		width: 100%;
		float: left;
	}
	.why-course .col-sm-8 h2 {
		text-align: center;
	}
	.magentoQA {
		background: #08a74e;
		padding: 30px 24px 16px 22px;
	}
	.modal input {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border: 1px solid #CCCCCC;
		border-radius: 3px;
		width: 100%;
		padding: 7px 15px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{
		margin-left: -27px;;
	}
	
	.carousel-control .glyphicon-chevron-right{
		margin-right: -27px;
	}
	
}
@media (max-width:767px) {
	.col-sm-9.header-rgt {  float: left;  width: 68%;}
	header .logo {  padding: 20px 15px 20px 0; width: 32%;  float: left;}
	.header-rgt p {  margin-left: 0; padding-top: 0;}
	.header-rgt img {  top: -94px;}
	.header-rgt ul { top: -85px;}
	.header-rgt ul li {  margin-left: 0;display: block; text-align: left; font-size: 14px; width: 100%;}
    .chose-list ol { padding: 0 0 0 25px;}
    .our-customer h2 { font-size: 32px;}
     ul {  padding: 0;}
	.iconHolder {left: 35%;}
	
/*===============*/


.bannerContent h2 {
    font: 500 28px/34px Arial;
    padding-top: 0;
}
body .banner-cont .container{
	width: 100%;
}
.why-course .col-sm-8 h2,
.solution .greeHeight h2, 
.get-start h2,
.engage .engageHolder h2 {
    font: 500 27px/33px Arial;
}
.why-course .col-sm-8 h3 {
    font: 500 20px/28px Arial;
}
.engage .engageHolder p {
    font: 500 17px/26px Arial;
}
.faQ .faqContent .FAQquestion {
    font: 500 20px/24px Arial;
}
.faQ .faqContent {
    width: 85%;
}
.faQ img {
    margin-top: 3px;
    margin-right: 15px;
}
/*===============*/
		
}
@media (max-width:767px) {
.banner .carousel-caption { width: 100%; position:relative;height: 670px;}
.banner .item { padding-top: 0;}
.banner .item > img {  margin-bottom: -125px;  padding-top: 0px;}
.banner .carousel-indicators { bottom: -20px;}
.landing-form,.solution-cont,.client-speake,.any-question .white{ padding: 25px 20px;}
.prof-cont {  padding: 10px 0 30px;}
.portfolio .carousel-control.left { left: 27%;  bottom: -12px;}
.portfolio .carousel-control.right {  bottom: -12px;}
.btn-primary {  padding: 15px 50px;}
.client-say > div {  float: none; margin-right: 0;}
.light { font-size: 32px;}
.our-customer h2 { font-size: 24px; margin-bottom: 15px;}
.solution-cont {  min-height: 375px;}
.header-rgt img {  width: 100px;}
.header-rgt p { font-size: 14px;}
.header-rgt ul li a { font-size: 15px;}
.header-rgt ul li i { line-height: 24px;}
.header-rgt ul {position: static; width: auto;}
h3 { font-size: 18px;}
h2 { font-size: 24px;}
.btn-primary {
    padding: 15px 38px;
}
	.landing-form h1 {
		font: Bold 24px/33px Arial;
	}
	.why-course .col-sm-8 h2{
		font: 500 21px/31px Arial;
	}
	.why-course .col-sm-8 h3 {
		font: 500 15px/20px Arial;
	}
	.count-down li {
		min-width: 52px;
		font: 400 12px/26px Arial;
	}

	.carousel-caption{
		padding: 98px 50px 23px 60px;
		margin-top: -88px;
	}
		
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{
		margin-left: -10px;;
	}
	
	.carousel-control .glyphicon-chevron-right{
		margin-right: -10px;
	}
	
	/* Slider-----/ */

}
@media (max-width:400px) {
	.count-down li {
		min-width: 43px;
		font: 400 11px/26px Arial;
	}
	.count-down li span {
		font: 300 21px/64px Arial;
		height: 62px;
	}
	.greeHeight h2{
		font: 500 24px/31px Arial;
		margin-bottom: 21px;
	}
	.iconHolder {
		left: 27%;
	}
	
	.faQ .faqContent {
		width: 79%;
	}
	.faQ h2.faq{
		width: 47%;
	}
	.engageBox {
		padding: 15px 15px 18px;
	}
	.engage h2 {
		margin-top: 5px;
	}
	.get-start {
		padding: 0;
	}
	.whyChoose {
		position: relative;
		padding: 0 0 40px;
	}
	.magentoForU h2.blueCitytech {
		font: 700 54px/57px Arial;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
		top: 20%;
	}
	.carousel-caption {
		padding: 123px 20px 10px 20px;
		margin-top: -112px;
		min-height: 570px;
	}
	
}
@media (max-width:320px) {
	.modal .modal-dialog {
		width: 94%;
	}
	.count-down li {
		min-width: 36px;
		font: 400 9px/26px Arial;
		margin-right: 9px;
	}
	.modal .modal-dialog {
		width: 94%;
	}
	.count-down li:after {
		content: ':';
		position: absolute;
		right: -12px;
		top: 14px;
		font-size: 4em;
		color: #fff;
	}
	.banner .mt-4 {
		font: 500 18px/26px Arial;
	}
	.header-rgt img {
		width: 72px;
		right: 4px;
	}
	header .logo {
		padding: 15px 15px 18px 0;
	}
	.header-rgt img {
		top: -75px;
	}
	.solution .greeHeight h2, .get-start h2 {
		font: 500 19px/37px Arial;
	}
	.modal input {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border: 1px solid #CCCCCC;
		border-radius: 3px;
		width: 100%;
		padding: 7px 15px;
	}
	.get-start h2 {
		font: 500 22px/29px Arial;
		padding-top: 52px;
	}
	.get-start h2 {
		padding-top: 0;
	}
	.get-start .upgradeHolder h2 {
		font: 500 18px/19px Arial;
	}
	.get-start .upgradeHolder{
	    padding: 70px 8px 15px;
	}
	.get-start .upgradeHolder p {
		font: 400 16px/26px Arial;
	}
	/*body .container {
		width: 95%;
		padding: 0;
	}
	.bannerContent h2 {
		font: 500 23px/30px Arial;
		padding-top: 0;
	}*/
	  
}


/*26-09-2022 css start*/
.bannerContent h3{
   color: #fff;
   margin-bottom: 20px;
   line-height: 1.4;
}
.banner .bannerContent ul{
	padding: 0px;
}
.banner .landing-form h1.black{
	color: #000;
}
.why-erp-business ul{
	padding: 0 0 0 33px;
}
.why-erp-business ul li{
	position: relative; 
}
.why-erp-business ul li:before{
    background-image: url(../images/black-checkIcon.png);
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: -33px;
	top: 6px;
	width: 18px;
	height: 18px;
}
.why-erp-business ul ul li:before{
    background-image: url(../images/black-bullet-point.png);
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	left: -33px;
	top: 6px;
	width: 18px;
	height: 18px;
	background-size: 100%;
}
.solution p{
	color: #fff;
	margin-bottom: 20px;
}
.productivity-business-growth h2{
	padding-bottom: 110px;
}
.productivity-business-growth .container .col-sm-6:nth-child(6){
	float: none !important;
	clear: both;
	margin: 0 auto;
}
.why-erp-business h2{
	color: #353691;
	margin-bottom: 25px;
	font-size: 36px;
}
.why-erp-business h3{
	line-height: 1.3;
	margin-bottom: 15px;
}
.why-erp-business ul li{
	margin-bottom: 5px;
}
.solution .greeHeight ul {
	padding: 0 0 0 33px;
}
.logo img{
	max-width: 145px;
}
.banner-cont .bannerContent{
	padding-right: 35px;
}
.contact-details-inner{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 15px;
}
.contact-details-inner .phone-details{
	padding: 0px;
	margin-bottom: 0px;
}
.contact-details-inner .phone-details li{
	padding-left: 0px;
	width: 100%;
    text-align: left;
    margin-bottom: 5px;
}
.contact-details-inner .phone-details li:before{
	display: none;
}
.contact-details-inner .phone-details li img{
	display: inline-block;
	margin-right: 5px;
}
.contact-details-inner .phone-details li .fa{
	margin-right: 5px;
}
.footer-quote{
	background-color: #1760ae;
	padding: 70px 0;
}
.footer-quote h2{
	color: #fff;
	margin-bottom: 40px;
}
.footer-quote ul li{
	color: #fff;
	width: 100%;
    margin-bottom: 6px;
}
.footer-quote ul li:before{
	content: "";
	background: url(../images/checkIcon.png) no-repeat 0 2px;
	width: 20px;
	height: 20px;
	display: inline-block;
}
.footer-quote ul{
	display: flex;
	justify-content: center;
	padding: 0;
	flex-wrap: wrap;
	max-width: 325px;
	margin: 0 auto;
	text-align: left;
}
.footer-quote .request_demo{
	background: #fff;
	border: 1px solid #fff;
	margin-top: 31px;
	display: inline-block;
	padding: 11px 45px;
	color: #24659d;
}
.footer-quote .request_demo:hover, .footer-quote .request_demo:focus{
	text-decoration: none;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.pt-0 {
	padding-top: 0 !important;
}
@media (min-width: 993px) {
#banner-content-sec .banner .bannerContent {
	margin-top: 75px;
}
#banner-content-sec.banner23 .banner .bannerContent {
	margin-top: 115px;
}
}

@media (min-width: 768px) {
	.mt-55 {
		margin-top: 55px;
	}
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .solution .greeHeight h2{
    	font-size: 30px;
    }
    .why-erp-business h2{
    	font-size: 30px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    .get-start .upgradeHolder {
	  min-height: 630px;
	}
	.footer-quote h2, .footer h3{
		margin-top: 0px;
	}
	.bannerContent h1{
		font-size: 36px;
		line-height: 48px;
	}
	.why-erp-business h2{
		font-size: 30px;
	}
	 .solution .greeHeight h2{
    	font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
   header .logo{
   	 padding: 15px 10px 15px 0px;
   }
   .banner-cont .bannerContent{
   	 padding: 0px;
   	 width: 100%;
   }
   .banner-cont{
   	 padding: 50px 0;
   }
   .bannerContent h1{
   	  font-size: 40px;
   	  line-height: 50px;
   }
   .banner .landing-form{
   	margin-bottom: 0px;
   }
   .why-erp-business h3{
   	  font-size: 20px;
   }
   .productivity-business-growth h2{
   	  margin-top: 0px;
   }
   .productivity-business-growth .container{
   	 width: 100%;
   }
   .upgradeHolder ul li{
   	  font-size: 16px;
   }
   .get-start .upgradeHolder {
	  min-height: 690px;
	}
	.footer-quote h2, .footer h3{
		margin-top: 0px;
	}
	.why-erp-business h2{
		font-size: 30px;
	}
	 .solution .greeHeight h2{
    	font-size: 30px;
    }
} 

@media (max-width: 767px) {
   .banner-cont .bannerContent{
   	  padding: 0 10px;
   }
   .banner-cont {
	  padding: 30px 0 30px;
	}
	.bannerContent h1{
		font-size: 30px;
		line-height: 1.2;
	}
	.landing-form{
		margin: 30px auto 15px;
	}
	.header-rgt ul li .fa-phone{
		font-size: 20px;
        margin-right: 10px;
	}
	.why-erp-business{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.erp-image-sec{
		margin-bottom: 30px;
	}
	.why-erp-business h3 {
	   line-height: 1.4;
	   margin-bottom: 20px;
	}
	.why-erp-business ul li {
	  margin-bottom: 10px;
	  font-size: 16px;
	  text-align: left;
	}
	.solution .greeHeight{
		min-height: inherit;
        padding: 20px 0px 30px 0;
	}
	.get-start {
	  padding: 35px 0;
	}
	.productivity-business-growth .container .col-sm-6:nth-child(6) .upgradeHolder{
		margin-bottom: 30px !important;
	}
	.productivity-business-growth h2 {
	  padding-bottom: 95px;
	  line-height: 1.2;
	}
	.footer-quote h2{
		margin-top: 0px;
	}
	.footer-quote{
		padding: 50px 0;
	}
	.footer-quote h2{
		margin-bottom: 30px;
	}
	li, p{
		font-size: 16px;
	}
	.footer h3{
		margin-top: 0px;
	}
	.address h3::before{
		transform: translate(-50%);
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
        left: 50%;
	}
	.contact-details-inner .phone-details li{
		text-align: center;
	}
	.contact-details-inner .phone-details{
		text-align: center;
		width: 100%;
	}
	.solution .greeHeight ul li{
		font-size: 16px;
	}
	.solution .container{
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		flex-wrap: wrap;
	}
	.solution .container .trust-image{
		order: 1;
	}
	.solution .container .trust-content{
		order: 2;
	}
	.why-erp-business h2{
		font-size: 27px;
	}
}

.va-middle > thead > tr > th,
.va-middle > tbody > tr > td {
	vertical-align: middle;
}
.with-bg-item1 {
	position: relative;
	z-index: 1;
}
.with-bg-item1::after {
	content: url('../images/header_bg_3.png');
	position: absolute;
	z-index: -1;
	bottom: 45px;
	right: -45px;
	opacity: .5;
}
.request_demo {
	background: #ffc40e;
	border: 0;
	color: #2a2a2a;
	font-weight: 700;
	transition: all .20s;
	font-size: 18px;
	padding: 14px 55px;
}
.request_demo {
	background: #165fad;
	border: 0;
	color: #fff;
	font-weight: 700;
	transition: all .20s;
	font-size: 18px;
	padding: 14px 55px;
}
.request_demo:hover {
	background: #ffc40e;
	color: #2a2a2a;
	text-decoration: none;
}
.footer {
	position: relative;
	margin-top: 50px;
}
.footer::before {
	content: "";
	position: absolute;
	top: -80px;
	left: 0;
	width: 100%;
	border-top: 80px solid transparent;
	border-right: 100vw solid #00172d;
	border-bottom: 0 solid transparent;
}

@media (max-width: 1200px) {
.banner-cont.banner23::before {
	top: 0;
	right: 0;
	width: 100%;
}
.banner-cont.banner23::after {
	bottom: 0;
	left: 0;
	width: 100%;
}
}

@media (max-width: 1112px) {
.banner-cont.banner23::before {
	top: 0;
	right: 0;
	width: 100%;
}
.banner-cont.banner23::after {
	bottom: 0;
	left: -60px;
	width: 100%;
}
}

@media (min-width: 768px) and (max-width: 992px) {
	.banner-cont.banner23 .banner h1 {
		font-size: 40px;
	}
}

@media (max-width: 767px) {
	.banner-cont.banner23::before {
		top: 0;
		right: 90px;
		width: 100%;
	}
	.banner-cont.banner23 .banner h1 {
		font-size: 30px;
	}
}

@media (max-width: 576px) {
	.banner-cont.banner23::before {
		top: 0;
		right: 220px;
		width: 100%;
	}
}