/*---------------------------------------
  01 Google Fonts CSS
---------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500|Roboto:300,400,500,700');

/*---------------------------------------
  02 Common CSS
---------------------------------------*/
.section-title{}
.section-title h2{color:#222;font-family:roboto;font-weight: 400;font-size: 30px;margin-top: 0;margin-bottom: 0;}
.only-section-title {}
.only-section-title h2{}
.only-section-title h2:after{content:'';display: block;width:30px;height: 2px;background-color:#666666;margin-top:30px;margin-bottom: 60px;}
.section-title-with-desc {width: 75%;
margin: 0 auto;
text-align: center;
margin-bottom: 40px;
}
.section-title-with-desc h2 {font-family: roboto;font-weight: 400;color: #222;font-size: 30px;margin-bottom: 0;margin-top: 0;}
.section-title-with-desc h2:after{content:'';width:70px;display: block;height:3px;background-color:#2A21D3;margin:14px auto 20px auto;}
.section-title-with-desc p {color:#777777;font-family: roboto;font-size:16px;line-height: 30px;font-weight: 400;}
.fixed-menu{position: fixed;
right: 0;
left: 0;
top:0;
z-index: 1030;}


/*---------------------------------------
   06 Stunning Features Area
-----------------------------------------*/
.stunning-features-area{}
.stnning-features{
  margin-bottom: 30px;
  margin-top: 40px;
}
.stunning-features-content{padding-top: 35px;}
.stunning-features-left{width: 27%;margin-top: 30px;}
.single-stunning-feature{text-align: right;position: relative;margin-bottom: 93px;}
.stunning-features-left .single-stunning-feature:last-child{margin-bottom:0}
.single-stu-left{width: 85%;}
.single-stu-left h2{font-family: poppins;font-weight: 500;color: #10218f;font-size: 18px;margin-top: 0;margin-bottom: 30px;}
.single-stu-left p{font-family: roboto;font-size: 14px;color: #777777;line-height: 26px;font-weight: 400;}
.single-stu-right{position: absolute;top: 4px;right: -50px;}
.single-stu-icon{width: 70px;height: 70px;border: 2px dashed #d97307;border-radius: 200px;text-align: center;}
.single-stu-icon img{margin-top: 15px;}
.stunning-features-center{width: 525px;}
.stunning-feature-img{background-image: url(../img/stunning-feature-bg.png);height: 531px;background-repeat: no-repeat;background-position: 12px 0;}
.stunning-feature-img img{text-align: center;padding-top: 63px;display: block;margin: 0 auto;}
.stunning-feature-img2{background-image: url(../img/realtime-api_r1.png);height: 531px;background-repeat: no-repeat;background-position: 12px 0;}
.stunning-feature-img2 img{text-align: center;padding-top: 63px;display: block;margin: 0 auto;}
.stunning-features-right{width: 27%;margin-top: 30px;}
.stunning-features-right .single-stunning-feature{text-align: left;}
.stunning-features-right .single-stunning-feature .single-stu-left{margin-left: 40px;}
.stunning-features-right .single-stunning-feature .single-stu-right{left: -55px;}
.stunning-features-right .single-stunning-feature:last-child{margin-bottom:0}
.stu-second-item{}
.stu-second-item .single-stu-left{width: 70%;}
.stu-second-item .single-stu-right {right: 0px;}
.stunning-features-right .stu-second-item .single-stu-left{width: 80%;margin-left: 95px;}
.stunning-features-right .stu-second-item .single-stu-right {left: 0;}

/*---------------------------------------
    07 Awesome Screenshot Area
-----------------------------------------*/
.awesome-screenshots-area{background-color: #fcfcfc;}
.awesome-screenshots{margin-top: 65px;margin-bottom: 50px;}
.awesome-screenshot-content{}
.awesome-screenshot-content .owl-stage-outer{padding-top:20px;}
.single-awesome-screenshot{position: relative;margin-right: 10px;}
.single-awesome-screenshot img{border-radius: 5px;/*! padding: 10px; */}
.screenshot-opa{width: 100%;height: 100%;background-image: url(img/screenshot-opa.jpg);position: absolute;top: 0;left: 0;right: 0;opacity: 0.7;border-radius: 5px;}
.awesome-screenshot-content .owl-stage-outer div.owl-item.active.center .single-awesome-screenshot .screenshot-opa{display: none;}
.awesome-screenshot-content .owl-stage-outer div.owl-item.active.center .single-awesome-screenshot img{box-shadow: 1px 5px 17px 10px #eaeaea;margin: -10px auto 32px auto;padding: 0;-moz-transform: scale(1.5);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
height: 420px;
}
.awesome-screenshot-content .owl-dots{text-align: center;}
.awesome-screenshot-content .owl-dots .owl-dot{display: inline-block;margin-right: 11px;}
.awesome-screenshot-content .owl-dots .owl-dot span{width: 8px;height: 8px;background-color: #cccccc;display: inline-block;border-radius: 100px;}
.awesome-screenshot-content .owl-dots .owl-dot.active span{width:10px;height:10px;background-color:#a556fe;}