/*
Document   : android-development-style
Created on : Oct 20, 2017, 2:37:59 AM
Author     : user
Description:
Purpose of the stylesheet follows.
*/

root {
display: block;
}

p,li{
font-size: 14px !important;
line-height: 24px;
 
}
.list > ul>li>h5{

color: #96920f !important;

}

/*steps in android development style*/

.circle-icon {
background-color: #333333;
/*    border-radius: 50px 50px 50px 50px !important;
height: 25px !important;
line-height: 25px !important;
width: 25px !important;*/
}
.innerbanner{
height:425px;
background-image:url(https://skydevelopers.net/www/images/slider/background-slider-min.jpg)
}

.outsourcingtitle > h1{
color: #fff;
}

.floatright{
margin-top: -10px;
}

.contact_form{
float:right !important;
}

.mob >img{
opacity: 1; 
animation-fill-mode: both;
animation-duration: 1.2s;
animation-delay: 0s; 
animation-name: fadeInRightBig;
}

.top_block{
    opacity: 1; 
    animation-fill-mode: both; 
    animation-duration: 1.2s; 
    animation-delay: 0s; 
    animation-name: fadeInLeftBig;
}

.flexslider .slides img{
    height:270px !important;
}




.device-mockup {
    position: relative;
    width: 100%;
    padding-bottom: 61.775701%;
}

.device-mockup > .device {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%; height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url("macbook/macbook.png");
}

.device-mockup > .device > .screen {
    position: absolute;
    top:    11.0438729%;
    bottom: 14.6747352%;
    left:   13.364486%;
    right:  13.364486%;
    overflow: hidden;
}

.device-mockup > .device > .button {
    position: absolute;
    top: 0; left: 0;
    display: none;
    overflow: hidden;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    cursor: pointer;
}



/* iPhone 6 Plus*/
.device-mockup.iphone6_plus,
.device-mockup.iphone6_plus.portrait {
	padding-bottom: 201.76%;
}

.device-mockup.iphone6_plus.landscape {
	padding-bottom: 49.56%;
}

.device-mockup.iphone6_plus > .device,
.device-mockup.iphone6_plus.black > .device,
.device-mockup.iphone6_plus.portrait.black > .device {
	background-image: url("../../device-mockups/iphone_6_plus/iphone_6_plus_black_port.png");
}

.device-mockup.iphone6_plus.landscape > .device,
.device-mockup.iphone6_plus.landscape.black > .device {
	background-image: url("../../device-mockups/iphone_6_plus/iphone_6_plus_black_land.png");
}

.device-mockup.iphone6_plus.white > .device,
.device-mockup.iphone6_plus.portrait.white > .device {
	background-image: url("../../device-mockups/iphone_6_plus/iphone_6_plus_white_port.png");
}

.device-mockup.iphone6_plus.landscape.white > .device {
	background-image: url("../../device-mockups/iphone_6_plus/iphone_6_plus_white_land.png");
}

.device-mockup.iphone6_plus.gold > .device,
.device-mockup.iphone6_plus.portrait.gold > .device {
	background-image: url("../../device-mockups/iphone_6_plus/iphone_6_plus_gold_port.png");
}

.device-mockup.iphone6_plus.landscape.gold > .device {
	background-image: url("../../device-mockups/iphone_6_plus/iphone_6_plus_gold_land.png");
}

.device-mockup.iphone6_plus > .device > .screen,
.device-mockup.iphone6_plus.portrait > .device > .screen {
    top: 11.58%; bottom: 11.58%; left: 5.97%; right: 5.97%;
}

.device-mockup.iphone6_plus.landscape > .device > .screen {
    top: 5.97%; bottom: 5.97%; left: 11.38%; right: 11.58%;
}

.device-mockup.iphone6_plus > .device > .button,
.device-mockup.iphone6_plus.portrait > .device > .button {
	display: block;
    top: 89.9%; bottom: 3.2%; left: 43%; right: 43%;
}

.device-mockup.iphone6_plus.landscape > .device > .button {
	display: block;
	top: 43%; bottom: 43%; left: 89.9%; right: 3.2%;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
/* features_area css
=================================================================*/
.features{
background: linear-gradient(to left, #f6f7faa1, #f6f7fa85);
}
.features_top{
background: linear-gradient(to left, #d39741, #d39741);
}
.features_top, .features_top p, .features_top h2, .features_top h5, .features_top strong{
color:#fff !important;
}

.features_top p{
font-size: 16px ;
letter-spacing: 0px;
}
section.features .device-container,
section.features .feature-item {
  max-width: 325px;
  margin: 0 auto;
}
section.features .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

section.features .feature-item h3 {
  font-size: 30px;
}

section.features .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.circle-icon {
    background: linear-gradient(to left, #7b4397, #dc2430);
    }
    .features ul li{
    list-style-type: none;
    }
    .features ul{
    padding-left: 0px;
    margin-bottom: -8px;
    margin-top: 20px;
    }
    .features h5{
    color: #b2315d;
    }
    
    
/* Powerful area 
================================================================================================  */

.powerfull_area {
  overflow: hidden;
  display: flex;
  background: linear-gradient(to left, #b41802, #dc2430);
  margin-top: -35px;
}
.powerfull_area .power_left_img {
  text-align: center;
  flex: 1;
  align-self: center;
  vertical-align: middle;
}
.powerfull_area .power_left_img img {
  max-width: 100%;
}
.powerfull_area .pawerfull_area_inner {
  display: flex;
  width: 100%;
}
.powerfull_area .col-md-5 {
  display: flex;
}
.powerfull_area .col-md-7 {
  display: flex;
}
.powerfull_area .power_right_content {
  display: flex;
}
.powerfull_area .power_right_content .power_right_content_inner {
  max-width: 620px;
  margin-left: 70px;
  flex: 1;
  align-self: center;
  vertical-align: middle;
  padding: 65px 0px 120px 0px;
}
.powerfull_area .power_right_content .power_right_content_inner p {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  letter-spacing: 0.28px;
  font-weight: 400;
  padding: 10px 0px;
}
.powerfull_area .power_right_content .power_right_content_inner ul {
  overflow: hidden;
  margin-bottom: -30px;
}
.powerfull_area .power_right_content .power_right_content_inner ul li {
  width: 50%;
  float: left;
  overflow: hidden;
  margin-bottom: 30px;
}
.powerfull_area .power_right_content .power_right_content_inner ul li a {
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.4px;
  font-weight: 500;
}
.powerfull_area .power_right_content .power_right_content_inner ul li{
  font-size: 20px !important;
  color: #fff;
  letter-spacing: 0.4px;
  font-weight: 500;
}
.powerfull_area .power_right_content .power_right_content_inner ul li  img {
  padding-right: 16px;
}

.single_title{
    font-size: 48px;
    line-height: 62px;
    color: #fff;
    font-family: $hee;
    font-weight: 500;
}
.single_title_center{
    font-size: 48px;
    line-height: 62px;
    color: #121921;
    font-family: $hee;
    font-weight: 500;
    text-align: center;
    padding-bottom: 95px;
}
.single_title_n {
  text-align: center;
  padding-bottom: 95px;
}
.single_title_n h2 {
  font-size: 30px;
  text-transform: uppercase;
  color: #272727;
}
.single_title_n p {
  font-size: 16px;
  color: #585858;
  letter-spacing: 1.6px;
  padding-top: 10px;
}

/*p_features_area css
=================================================================*/
.p_features_area {
  padding: 95px 0px 48px;
  background: linear-gradient(to left, #b41802, #dc2430);
  
}
.p_features_area, .p_features_area p, .p_features_area h2,.p_features_area h3, .p_features_area h5, .p_features_area strong{
color:#fff;
}
.p_features_area .main_title {
  padding-bottom: 10px;
}

.p_features {
  padding-top: 78px;
}
.p_features.left_features .p_features_item .pulse-wrapper {
  left: auto;
  right: -67%;
}
.p_features.left_features .p_features_item .pulse-wrapper:before {
  right: 20px;
}
.p_features.left_features .p_features_item .pulse-wrapper .pulse-1, .p_features.left_features .p_features_item .pulse-wrapper .pulse-2 {
  right: 0;
}
.p_features.left_features .p_features_item.p_item_two .pulse-wrapper {
  width: 195px;
  right: -82%;
}
.p_features_item {
  position: relative;
  margin-top: 50px;
}
.p_features_item .h-title {
  margin: 19px 0px 12px;
}
.p_features_item .pulse-wrapper {
  width: 158px;
  position: absolute;
  left: -68%;
  top: 30px;
  z-index: 1;
}
.p_features_item .pulse-wrapper:before {
  content: "";
  width: 100%;
  height: 2px;
  border: 1px dashed #fc5a1a;;
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.p_features_item .pulse-wrapper .pulse-1, .p_features_item .pulse-wrapper .pulse-2 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-indent: 9999px;
  background: rgba(252, 90, 26, 0.502);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.p_features_item .pulse-wrapper .pulse-1:before, .p_features_item .pulse-wrapper .pulse-2:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  background-color: #fc5a1a;
  opacity: 0.6;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
}
.p_features_item.p_item_two .pulse-wrapper {
  width: 195px;
  left: -82%;
}
.p_features_img img {
  z-index: -1;
}
/* Main title css
============================================================================================ */
.main_title {
  text-align: center;
}
.main_title h2 {
  font-size: 35px;
  font-weight: 300;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.main_title h2:before {
  content: "";
  width: 60px;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}
.main_title h2 span {
  color: #fc5a1a;
}
.main_title p {
   max-width: 969px;
    margin: auto;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 2.28px;
}

.main_title2 {
  text-align: center;
  padding-bottom: 55px;
}
.main_title2 h2 {
  font-size: 30px;
  color: #121921;
  font-weight: 300;
  position: relative;
  padding-bottom: 30px;
  font-weight: 600;
}
.main_title2 p {
  max-width: 700px;
  margin: auto;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 0.28px;
}

.gray h2 {
  color: #4f4f4f;
}
.gray p {
  color: #898989;
}

.white h2 {
  color: #fff;
}
.white p {
  color: #fff;
}

/* End Main Title css
============================================================================================ */

.h-round{
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #fc5a1a;
    font-size: 24px;
    line-height: 56px;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-align: center;
}

.section-heading p{
    max-width: 976px;
    margin: auto;
    font-size: 14px;
    line-height: 26px;
    /* letter-spacing: 2.28px; */
    
}
.features .section-heading p{
color: #5c5959;
}
.text-muted {
    color: #5c5959 !important;
}