.logo {}
.logo-size{width:251px; height:auto; padding:5px 0;}
.pull-right{ float:right}
.head-section .navbar-inverse{border-bottom: 1px solid #e7e7e7;}
.heading h1, .heading h2, .heading h3 {
    color: #707070;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 100px;
	text-align:center;
}
.navbar-collapse.collapse{float:right}
.heading h2 {margin-top: 120px;}
.heading h3 {font-size: 25px; margin-bottom: 15px; margin-top: 15px;}
.heading h4 {
	color: #999999;
    font-size: 25px; color:#707070;
    margin: 70px 0 30px;
	
}
.heading p {
    color: #797979;
    font-size: 14px;
	line-height: 22px;
}
.heading li {
    color: #797979;
    font-size: 15px;
	line-height: 22px;
	font-weight:500;
}
.tab-img{margin-top:50px;}

.MTop20 {margin-top: 20px;}
.services { margin:70px auto 0 auto; width: 60%; line-height: 24px;}

.cf {clear: both;}
.featurs {
	margin-top:30px;
}
.featurs .nav-tabs > li > a {
	color: #727272;
	width:227px;
	height: 196px;
	border-radius:0px;
	margin-right: 1px;
}
.featurs .mac {background: #e8e8e8 url(../images/mac.png) no-repeat center 30px;}
.featurs .ios {background: #e8e8e8 url(../images/ios.png) no-repeat center 30px;}
.featurs .android {background: #e8e8e8 url(../images/android.png) no-repeat center 30px;}
.featurs .windows {background: #e8e8e8 url(../images/windows.png) no-repeat center 30px;}
.featurs .web {background: #e8e8e8 url(../images/web.png) no-repeat center 30px;}

.featurs .panel-heading .mac {
	 background: #e8e8e8 url("../images/mac.png") no-repeat scroll 9px 6px / 40px auto;
    display: block;
    padding: 15px;
}
.featurs .panel-heading .ios {
	 background: #e8e8e8 url("../images/ios.png") no-repeat scroll 9px 6px / 40px auto;
    display: block;
    padding: 15px;
}

.featurs .panel-heading .android {
	 background: #e8e8e8 url("../images/android.png") no-repeat scroll 9px 6px / 40px auto;
    display: block;
    padding: 15px;
}

.featurs .panel-heading .windows {
	 background: #e8e8e8 url("../images/windows.png") no-repeat scroll 9px 6px / 40px auto;
    display: block;
    padding: 15px;
}

.featurs .panel-heading .web {
	 background: #e8e8e8 url("../images/web.png") no-repeat scroll 9px 6px / 40px auto;
    display: block;
    padding: 15px;
}

.panel-heading h4 { margin:0;}

.featurs .mac:hover{ background: #fff url(../images/mac-hover.png) no-repeat center 30px !important;}
.featurs .ios:hover { background: #fff url(../images/ios-hover.png) no-repeat center 30px !important;}
.featurs .android:hover { background: #fff url(../images/android-hover.png) no-repeat center 30px !important;}
.featurs .windows:hover { background: #fff url(../images/windows-hover.png) no-repeat center 30px !important;}
.featurs .web:hover { background: #fff url(../images/web-hover.png) no-repeat center 30px !important;}

.featurs .panel-heading .mac:hover {
	 background: #e8e8e8 url("../images/mac-hover.png") no-repeat scroll 4px 4px / 40px auto !important;
    display: block;
    padding: 15px;
}
.featurs .panel-heading .ios:hover {
	 background: #e8e8e8 url("../images/ios-hover.png") no-repeat scroll 4px 4px / 40px auto !important;
    display: block;
    padding: 15px;
}

.featurs .panel-heading .android:hover {
	 background: #e8e8e8 url("../images/android-hover.png") no-repeat scroll 4px 4px / 40px auto !important;
    display: block;
    padding: 15px;
}

.featurs .panel-heading .windows:hover {
	 background: #e8e8e8 url("../images/windows-hover.png") no-repeat scroll 4px 4px / 40px auto !important;
    display: block;
    padding: 15px;
}

.featurs .panel-heading .web:hover {
	 background: #e8e8e8 url("../images/web-hover.png") no-repeat scroll 4px 4px / 40px auto !important;
    display: block;
    padding: 15px;
}


.featurs .nav-tabs > li.active > a.mac {
	 background: #fff url(../images/mac-hover.png) no-repeat center 30px !important;
}

.featurs .nav-tabs > li.active > a.ios {
	 background: #fff url(../images/ios-hover.png) no-repeat center 30px !important;
}

.featurs .nav-tabs > li.active > a.android {
	 background: #fff url(../images/android-hover.png) no-repeat center 30px !important;
}

.featurs .nav-tabs > li.active > a.windows {
	 background: #fff url(../images/windows-hover.png) no-repeat center 30px !important;
}
.featurs .nav-tabs > li.active > a.web {
	 background: #fff url(../images/web-hover.png) no-repeat center 30px !important;
	/*`border-top: 3px solid #e8e8e8;*/
}
	.featurs .in .panel-heading .mac{
	 background: #e8e8e8 url("../images/mac-hover.png") no-repeat scroll 4px 4px / 40px auto !important;}
	.featurs .in .panel-heading .ios {
	 background: #e8e8e8 url("../images/ios-hover.png") no-repeat scroll 4px 4px / 40px auto !important;}
	.featurs .in .panel-heading .android {
	 background: #e8e8e8 url("../images/android-hover.png") no-repeat scroll 4px 4px / 40px auto !important;}
	.featurs .in .panel-heading .windows {
	 background: #e8e8e8 url("../images/windows-hover.png") no-repeat scroll 4px 4px / 40px auto !important;}
	.featurs .in .panel-heading .web {
	 background: #e8e8e8 url("../images/web-hover.png") no-repeat scroll 4px 4px / 40px auto !important;}
	 
	 .featurs .in .panel-heading a:hover{text-decoration:none; font-weight:500; color:#20bc96;}

.featurs .panel-heading span {
    left: 50px;
    top: 0px;
	text-align:left;
}
.panel-title > a {text-align: left;}
.featurs span{
    font-size: 16px;
    position: relative;
    top: 130px;
	text-align:center; display:block; width:100%;
}

.social-link-footer li {
    float: right;
    margin: 8px 10px 5px 0px;
    padding-bottom: 5px;
}
.social-link-footer .follow{margin-top:16px}
.social-link-footer li a {
    color: #fff;
    background: #505b71;
    padding: 7px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    float: left;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social-link-footer li a:hover {
    background: #48cfad;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.subfooter {
	width: 100%;
	background: #47cead;
	text-align: center;
	padding:30px;
	border-bottom: 1px solid #20bc96;
}
.subfooter .request-form, .subfooter .contact-info {
	color: #ffffff;
	font-size: 18px;
	font-weight: 100;
	margin: 0 20px;
	cursor:pointer;
	display:inline-block;
}
.reqform {
    background: #47cead none repeat scroll 0 0;
    padding-top: 20px;
}
.subfooter .nav-pills{width:562px; margin:0 auto; margin-bottom:50px;}
.subfooter .nav-pills > li > a {padding:10px; border:1px solid #fff; color:#fff; width:280px}
.subfooter .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background-color:#fff; color:#20bc96;}

footer {
	width: 100%;
	background: #2d3e50;
	color: #ffffff;
	font-size: 12px;
}
.copyright{float:left}
footer .copyright p{text-align:left; line-height:50px; margin:0} 
footer .pull-right i.fa{line-height:24px}
.featurs .panel-heading {padding:0;}
.rfqform{background: #47cead; padding-top: 20px;}
.btn{padding:12px 32px; width:99%;}
#success_message{ display: none;}
.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#FF6D70}
.form-control-feedback{display:table-cell; color:#FF6D70; top:4px !important }
.glyphicon-ok{color:#fff}
.help-block{text-align:right; padding-right:40px}
.buletlist {
	width: 50%;
	margin:auto;
	text-align: left;
}
.form-horizontal {
	width: 50%;
	margin: auto;
}
.contct_text{text-align:center; color:#fff; margin:15px 0 60px 0;}
.contct_text p{font-size:16px; margin-bottom:20px; color:#000;}
.contct_text p .phonetext{font-size:30px; font-weight:500; padding-left:5px; font-family:"Lato",sans-serif;}
.contct_text a{color:#fff;}
.phoneno{padding:15px; font-size:18px; width:300px; margin:0 auto; border-radius:10px;
 -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; margin-bottom:15px;}
/*** DA Sider ***/
.carousel-inner {height:550px;}
.carousel-control {z-index: 999;}
.da-slider {
	background: rgba(0, 0, 0, 0) url("../images/main-bg.jpg") repeat scroll center 0;	
	background-size: cover;
	margin-top: 81px;
}
#work .da-slider{margin-top:0;}
#work .da-slide{}
.ourwork{background:#fff; background-image:none;}
.ourwork .carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #666;
}
.ourwork .carousel-indicators li{border: 1px solid #666;}
.ourwork .carousel-control{ color:#666;}
.ourwork .carousel-control.right{ background-image:none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.ourwork .carousel-control.left{ background-image:none; background:rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.da-slide {
    font-family: "BebasNeueRegular","Arial Narrow",Arial,sans-serif;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
.da-slide h2 {
    color: #ffffff;
    font-family: "Economica",Arial,sans-serif;
    font-size: 40px;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    top: 100px;
    white-space: nowrap;
    z-index: 10;
	left: 10%;
}
.da-slide p {
    color: #ffffff;
    font-family: "Economica",Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 80px;
    line-height: 26px;
    top: 260px;
	left: 10%;
    width: 40%;
}
.ourwork .da-slide h2{color:#707070; font-family: "lato",Arial,sans-serif;
    font-size: 25px; font-weight:500; left:10%; top:40px}
.ourwork .da-slide p{color:#707070; text-shadow:none; font-size:14px; line-height:19px; height:auto; font-family: "lato",Arial,sans-serif; font-size: 14px; left:10%; top:95px; padding-bottom:15px}
.ourwork .da-slide p.da-link { top:350px}
.ourwork  .da-slide .da-img {
    height: 256px;
    right: 43px;
    top: 70px;
    width: 52%;
}

.da-link > a {
    float: left;
    margin:0 15px 0 0;
}
.da-slide .da-img {
    height: 256px;
    right: 100px;
    top: 74px;
    width: 40%;
}
.da-slide h2, .da-slide p, .da-link, .da-img{
    position: absolute;
}
.carousel-control .glyphicon-chevron-left{left:20%;}
.carousel-control .glyphicon-chevron-right{right:20%;}
 /***DA Sider ***/

@media (min-width: 320px) and (max-width: 768px){
	.services, .form-horizontal, .buletlist { width: 100%;}
	.heading h4{ text-align: center;}
	.heading p{ text-align: center;}
	.featurs .nav-tabs > li > a { width: 143px;}
	.phoneno{width:50%}
	.form-control{height:44px}
	.ourwork  .da-slide img{ margin:0 auto;}
	.tab-img{margin-top:15px}
	.navbar-collapse.collapse{float:none}
	.navbar-nav{margin-top:0; margin-bottom:0}
	.nav > li{border-bottom:1px solid #EBEBEB}
	.navbar-toggle{margin-top:15px}
	.featurs .panel-heading .mac {
	 background: #e8e8e8 url("../images/mac.png") no-repeat scroll 4px 4px / 40px auto;}
	 .featurs .panel-heading .ios {
	 background: #e8e8e8 url("../images/ios.png") no-repeat scroll 4px 4px / 40px auto;}
	.featurs .panel-heading .android {
	 background: #e8e8e8 url("../images/android.png") no-repeat scroll 4px 4px / 40px auto;}
	.featurs .panel-heading .windows {
	 background: #e8e8e8 url("../images/windows.png") no-repeat scroll 4px 4px / 40px auto;}
	.featurs .panel-heading .web {
	 background: #e8e8e8 url("../images/web.png") no-repeat scroll 4px 4px / 40px auto;}

	 .ourwork .da-slide p{ width: 100% !important;}
	 .ourwork .da-link > a { margin:0 2px 0 0;}
	.ourwork .da-slide p.da-link{width:290px !important; margin:0 auto}
	 .ourwork .carousel-inner{height:400px;}
	 .da-slide h2, .da-slide p {
		position: static !important;
		text-align: center;
		white-space: normal;
		width: 100%;}
		.collapse {
       display: none !important;
	}
	
	.da-slide .da-link {
		display: block;
		margin: auto;
		position: static !important;
	}
	
	.da-slide .da-link {
		margin: auto !important;
		width: 292px;
	}
	.da-link > a {float: left;margin: 0 5px;}
	.form-horizontal { width: 100%;}
	
.subfooter .nav-pills{width:402px;margin-bottom:50px;}
.subfooter .nav-pills > li > a {padding:10px; border:1px solid #fff; color:#fff; width:200px;}
.subfooter .nav-pills > li{border:none}
.subfooter .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background-color:#fff; color:#20bc96;}
}


@media (min-width: 320px) and (max-width: 1023px){
	.featurs .nav-tabs > li > a { width: 143px;}
	.ourwork .da-slide p{width:34%}
	.ourwork  .sportapp{top:418px;}
	.da-slide .da-img{right:74px}
	.da-slider .carousel-inner {height: 345px;}
	.ourwork .carousel-inner {height: 400px;}
	.da-slide h2 {font-size: 32px;}
	
}

@media (min-width: 320px) and (max-width: 500px){
	.logo {width: 100%; padding-bottom: 0;}
	.social-link {width: 100%;}
	.phoneno{width:100%}
	.subfooter{padding:8px}
	.form-control{height:44px}
	.social-link-footer li a{font-size:11px; height:25px; width:25px; padding:5px;}
	.social-link-footer li{margin-right:5px}
	.follow{display:none}
	.logo-size{width:180px; height:auto;}
	
	 .da-slider{margin-top:51px}
	 .navbar-collapse.collapse{float:none}
	 .navbar-nav{margin-top:0; margin-bottom:0}
	 .nav > li{border-bottom:1px solid #EBEBEB}
	 .heading h2{font-size:28px}
	 .heading h3{font-size:22px}
	 footer .pull-right i.fa{line-height:17px;}
	 .social-link-footer li a{width:30px; height:30px}
	 .subfooter .nav-pills{width:272px;margin-bottom:30px;}
	 .subfooter .nav-pills > li > a {padding:10px 5px; width:135px;}

}
@media (max-width: 768px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
@media (min-width: 1024px) and (max-width: 1200px){
	.ourwork .da-slide .da-img{width:48%}
	.ourwork .da-slide p{width:36%}
	.featurs .nav-tabs > li > a{width:187px}
}