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

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

@font-face {
  font-family: 'DubaiW23-Bold';
  src: url('../fonts/DubaiW23-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DubaiW23-Bold.woff') format('woff'), url('../fonts/DubaiW23-Bold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DubaiW23-Medium';
  src: url('../fonts/DubaiW23-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DubaiW23-Medium.woff') format('woff'), url('../fonts/DubaiW23-Medium.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DubaiW23-Regular';
  src: url('../fonts/DubaiW23-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DubaiW23-Regular.woff') format('woff'), url('../fonts/DubaiW23-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DubaiW23-Light';
  src: url('../fonts/DubaiW23-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DubaiW23-Light.woff') format('woff'), url('../fonts/DubaiW23-Light.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
*{margin: 0; padding: 0;}
body{	
  font-family: 'DubaiW23-Light'; font-size:18px; line-height:28px;
	}
h1{ font-size:28px;
  font-family: 'DubaiW23-Bold';
  margin:0 0 5px;
 }
h2{ font-size:60px;
  font-family: 'DubaiW23-Bold';
  margin:0 0 5px;
 }
h3{ font-size:24px;
  font-family: 'DubaiW23-Bold';
  margin:0 0 20px;
 }
 h4{ font-size:20px;
    font-family: 'DubaiW23-Bold';
    margin:0 0 10px;
  }
.pad20{ margin-bottom:40px;}
.m-b-30{margin-bottom: 30px;}
.p_b_15{padding-bottom: 15px;}
ul{ list-style:none;}
li{ font-size:18px;}
ul li:before{ font-family:FontAwesome; content:"\f105"; margin-right:12px;}
img { max-width:100%;}
@media (min-width:1560px) {
 .container {
  width:1530px
 }
}
@media (min-width:1660px) {
 .container {
  width:1630px
 }
}

.q-block h3 {margin-bottom: 50px;}
.black *{ color:#000;}
.white *{ color:#fff;}
.orange{ color:#f26829;}
.light{font-family: 'DubaiW23-Light'; }
.tel-n, .tel-n:hover {color:#fff;text-decoration:none;}
header .logo{
	padding:35px 0;
	}
.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;
	}
.banner-cont:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url(../images/banner-slice.png) no-repeat center bottom;
	height:270px;
	}
.banner{
	position:relative;z-index: 1;
}
.error-msg,.has-error {
    font-size: 14px;
    line-height: 10px;
}
.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;}
.landing-form{
	background:#fff;
	position:absolute;
	top:0px;
	right:0;
	border:1px solid #d8d8d8;
	box-shadow:0 0 40px rgba(0,0,0,0.2);
	padding:30px 30px;
	max-width:450px;
	z-index:1;
	border-radius:30px;
}
.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;
    }
    .landing-form select{padding: 5px 20px;}
.landing-form textarea.wpcf7-form-control{ min-height: 150px;}
.landing-form .wpcf7-submit{
    border: 2px solid #f16829; color:#f16829; background:none;	border-radius:30px;margin-bottom: 0px;font-family: 'DubaiW23-Bold'; width:auto;    padding: 14px 55px;}
.btn-primary{  border: 2px solid #f16829; color:#f16829; background:#fff; font-size:24px; text-transform:uppercase;	border-radius:50px;margin-bottom: 0px;font-family: 'DubaiW23-Bold'; width:auto;    padding: 9px 55px;}
.btn-primary:hover{ border-color: #f16829; color:#fff; background:#f16829;}


.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:#f26829; padding-bottom:40px; padding-top: 40px;
    }
.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:#ffffff; padding-bottom:10px;
	}
.solution-cont{
	background:#f5f5f5;
	min-height:500px;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);
    }
.solution-cont h4 span{ color: #666;}
.icon-img{
	background:url(../images/splash.png) no-repeat center bottom;
	width:155px;
	height:115px; text-align:center;
	margin:0 auto 10px;
}
.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;
}
.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: 50px;}
.carousel-indicators { bottom: 70px;}
.carousel-indicators li {
    width: 17px;
    height: 17px;
    border: none; margin:0;
	background:rgba(242,104,41,0.6)
}
.carousel-indicators .active{
    width: 17px;
    height: 17px; background:#f26829; }
.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:#333;text-decoration:none;}
.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:30px 0 0;position: absolute;
right: 0;
top: 0;
}	
.header-rgt ul li {
   margin-left: 10px;display: inline-block;
}	
.header-rgt ul li a {
    color: #fff;
    width: 30px;
    height: 30px;
    background: #f26829;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
}	
.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;}

/* 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;
}
/* Custom file Upload */

@media (min-width:992px) {
    .landing-form {  max-width: 380px;}
    .why-course .course-mod .item .solution-cont{padding: 0px 50px 0px;}
.why-choose::before {  left: -100px;}
.why-choose-txt { padding-right: 30px;}
.banner .carousel-caption { width: 50%;}
body {  font-size: 20px;  line-height: 24px;}
h2 {  font-size: 45px; padding-top: 20px;}
h3 {  font-size: 20px;}
.why-course .course-mod .item .solution-cont h2{ font-size: 35px;}
.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;}
	.landing-form {  width: 350px;}
}

@media (min-width:1200px) {
.banner .item > img { width: 80%;}
.banner .carousel-caption { width: 43%;}
.portfolio img { margin-bottom: 55px;}
.solution .course-mod .item ul{padding: 20px 5px;}
.solution .course-mod .item ul li{padding: 10px 0px; font-size: 16px;}
.solution-cont{min-height: 570px;}
}
@media (min-width:1560px) {
	.landing-form {  width: 450px;}
	.solution-cont { padding: 0; min-height: 500px;}
.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;}	
.solution .course-mod .item ul{padding: 20px;}
.solution .course-mod .item ul li{padding: 10px;font-size: 18px;}
}
@media (max-width:1199px) {
.solution .course-mod .item{width: 50%;}
    .solution .course-mod .item ul li{font-size: 18px;}
    .solution-cont{min-height: 450px;}
    .solution .course-mod .item ul{padding: 20px 5px;}
    .solution .course-mod .item ul li{padding: 10px 0px;}
}
@media (max-width:992px) {
	.landing-form{ position:relative; top:0; margin:30px auto 70px;max-width: 100%;}
    .solution-cont{ margin-bottom:15px;min-height: 480px;}
    .why-course .course-mod .item .solution-cont{padding: 0px 20px 20px;}
    .why-course .course-mod .item .solution-cont ul li{padding: 10px 0px 10px 40px;}
	.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: 42px;padding-top: 20px;}
	.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;}
    .why-course .course-mod .item .solution-cont h2{font-size: 25px;padding-top: 20px;}
	
.banner .item > img {  margin-bottom: 120px;}
.banner .item  p { font-size:18px;}
.banner .carousel-caption { width: 55%;}
.carousel-indicators { bottom: 45px;}
}
@media (max-width:767px) {

h2 { font-size: 35px;padding-top: 20px;}
body { line-height: 24px;  font-size: 18px; }
header .logo { padding: 35px 15px 50px 0; width: 210px; float: left;}
.header-rgt img {
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    z-index: 5;
}
	.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: 0;}
.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: 92px;}
.solution .course-mod .item ul{padding: 20px 5px;}
.solution .course-mod .item ul li{font-size: 16px; padding: 10px 0;}
.solution .course-mod .item{width: 100%;}
.solution-cont{min-height: auto; padding: 0;}
}
@media (max-width:599px) {
	.col-sm-9.header-rgt {  float: left;  width: 100%;}
	header .logo {  padding: 35px 15px 18px 0; width: 210px;  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: center; font-size: 14px;}
.chose-list ol { padding: 0 0 0 25px;}
.our-customer h2 { font-size: 32px;}
ul {  padding: 0;}
}
@media (max-width:480px) {
.banner .carousel-caption { width: 100%; position:relative;height: auto;}
.banner .item { padding-top: 0;}
.banner .item > img {  margin-bottom: -125px;  padding-top: 0px;}
.banner .carousel-indicators { bottom: -20px;}
.landing-form,.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;}
.header-rgt img {  width: 59px;}
.header-rgt ul li:first-child { display: none;}
.header-rgt p { font-size: 14px;}
.header-rgt ul li a { width: 24px; height: 24px; font-size: 15px;}
.header-rgt ul li i { line-height: 24px;}
.header-rgt ul {  top: -102px; right: 65px;}
h3 { font-size: 20px;}
h2 { font-size: 24px;}
.why-course .course-mod .item .solution-cont h2{ font-size: 20px;}

}