/*
    Template Name   :  appsun v 1.1.0 
    Template URI    : http://appsun-mobile.herokuapp.com/
    Description     : Appsun Help Any one You Need Build App Phone 
    Author          : Mohamed Alaa Abas
    Author URI      : https://themeforest.net/user/m_alaa/portfolio
    Author Facebook : https://www.facebook.com/SoftTheme-413907182303490/
    Author Email    : mohamedalaaabas93@gmail.com .
**/
*{
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*--------------------------------------------
              Body And Scroll Design
---------------------------------------------*/
body{        
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    position: absolute;    
    line-height: 1.4;
}
/*Roboto*/
body.font-defualt{
    font-family: 'Roboto', sans-serif !important;
}
/*Roboto*/

/*Raleway*/
body.raleway{
    font-family: 'Raleway', sans-serif !important;
}
body.raleway .pricing-section .container-pricing .price{
    font-family: 'Roboto', sans-serif !important;
}
/*Raleway*/
/*Open Sans*/
body.open-sans{
    font-family: 'Open Sans', sans-serif !important;
}
body.open-sans .features .content-features h4 {    
    font-weight: 600 !important;
}
body.open-sans h2 {
    font-weight: 700 !important;
}
body.open-sans .features h2 {    
    font-weight: normal !important;
}
body.open-sans .about h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100 !important;
}
/*Open Sans*/
/************************
   ** Start Framework ** 
 ***********************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Roboto', sans-serif;
}
h2{
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 25px 0;
    margin: 0;
}
p{
    padding: 15px 0;
    font-size: 16px;
    font-weight: 300;
    padding-top: 0;
    line-height: 25px;
}
section{
    position: relative;
}
.img-center{
    display: inline-block;
}
.over-flow-faq{
    overflow: hidden
}
.btn-appsun,
.btn-appsun:hover,
.btn-appsun:focus{
    border: none;
    font-size: 15px;
    color: #fff;
    font-weight: 500;    
    padding: 15px 20px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    color: #fff;
    outline: none;
    box-shadow: none;
}
.homePRafter .btn-appsun{
    color: #333;
    border-color: #333 !important;
}
.parallax-mirror{
	width: 100%;
}
canvas {
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
}
#particles {      
    z-index: 33;
    position: absolute;
}
.z-index-PR{
    z-index: 3;
}
/** Section padding And Background **/
.about,
.features,
.extra-features,
.screen-shots,
.video-show,
.testimonial,
.pricing-section,
.download-app,
.teams-app,
.faq-app,
.news-blog,
.contact-app,
footer{
    padding: 80px 0;
    background: #fff;
}
.features{
    background: #f4f4f4;
}
/** Section padding And Background **/
/************************
    ** End Framework ** 
 ***********************/
/* paleGreenScroll */
body::-webkit-scrollbar {
    width: .4em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
} 
body::-webkit-scrollbar-thumb { 
  outline: 1px solid #333;
}
/* End Scroll */
body.scroll-hide{
    overflow: hidden;
}

/***********************
 ***** Start Nav ******* 
 ***********************/
.navbar-default {
    background-color: transparent;
    border: none;
    font-weight: 600;
    padding: 10px 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 45;
    top: 0;
    border-radius: 0;    
}
.navbar-default.active,
.color-mobile-nav{
    background-color: #41295a;    
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover{
    color: #fff;
}
.navbar-default.PR-black .navbar-brand,
.navbar-default.PR-black .navbar-brand:hover{
    color: #333;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav a:after{
    content: '';
    position: absolute;
    padding-left: 0;
    border: 1px solid transparent;
    left: 0;
    transform: translate(14px,25px);    
    transition: all .5s ease-in-out;
}
.navbar-default .navbar-nav > .active > a:after{       
    content: '';
    position: absolute;
    padding-left: 25px;
    border: 1px solid #fff;
    left: 0;
    transform: translate(14px,25px);    
    transition: all .7s ease-in-out;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    border: none;
    background-color: transparent;
}
.navbar-default.PR-black .navbar-nav > li > a ,
.navbar-default.PR-black .navbar-nav > li > a:hover,
.navbar-default.PR-black .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default.PR-black .navbar-nav > .active > a:after{
    border-color: #333;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #f5f5f5;
}
.navbar.scroll-dwon{
    transform: translate(0,-80px);
    transition: all .7s ease-in-out;
}
.navbar.scroll-up{
    transform: translate(0);
    transition: all .7s ease-in-out;
}
/***********************
 ******* End Nav ******* 
 ***********************/

/***********************
 *** Start Home Page ***
 ***********************/
.home{
    background-image: url('https://lh3.googleusercontent.com/XOCKwJu8NI_2jE2ZuLx-ruKTUP4dlI50_2-sGkIzP-BYAHyqPSdwK9c30rnJVk1jRO6v-MqF5qZDW_LeiYBNvB7KJCfAnobwWWEj1Y4bSN0-YqPu3SvDMblqyU47ej5I4i-BXL3VY7-cRZlgv-AgLK6SYtk9xvF-PlnXHuZRjNN4vFrqSXApQc6pRX1W4RbLRzvTphXRZnwUNt4WKbXRbRX_FDKttjdTXnMNoBnkquLT92XGfT4FlYc-M_6SIS9HZJp6WbRQ3ebMNd4WIrZQMeJG8E6HkdzHQUKC3hdmc6rTXfYLw8fFVtEZ6keg0nOM7iQy6xcSI_kqkfzANjwD5olIhZ-r1ZjMGcyYHI8yv2otHCoYH7tG9ubzgFaM94H6zSBrya0PTfvceHzy1CSTSxvzJvwdOBpYVJeuCB8XtFO-VdRjsIK8tovOzpqr7FMr9hDYDaLhvSzYUSg0itZx0rHc7QU-iE7dJCQvO8TBBZ02dondel1YRvZ8Ow4S6L0wxROwJO4UJBwGeIQ8IuMTnpurVQjuYTzoeZLqRTtXDPUZ_jK4lTAH_XqkHfA8a5TTKH-YdBem2UkOaO9r_xRhM7yAIpGtcMJYJHbPKNqoTZoufDdkJnd7HZ9WfAIwPLqw3nkl8878ioUQSP3C_UHQz473dwCyx-lW=w1254-h653-no');
    background-attachment: fixed;
    width: 100%;
    height: 100%;    
    background-repeat: no-repeat;
    background-size: cover; 
    color: #fff;
    overflow: hidden;    
}
.homeparticles,
.index-main{
    width: 100%;
    height: 100%;    
    background-repeat: no-repeat;
    background-size: cover; 
    color: #fff;
    overflow: hidden;
    background-attachment: fixed;
    min-height: 400px;
    background: #fff;
}
.water-animte{
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.home:after,
.homePRafter:after{
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    transform: translate(0,17px);
    background: url(https://lh3.googleusercontent.com/DBZAePpW_acbSrh7IjCuD_L4itGkqDbioGd8dvHnsib5bska7tlcIC1tn9RNPMjDo4hvzQmkq0dNAJd0yPBHKg6vkbKyteVrtWCl4CDwpA6p00B2IJgV8kSrzgAg9ZAPbgNArCKSBc5O3j3NugZMubbDz2lMQyAV7Lv9bWFMnubzhHcIME6tbHrknGQs682yIxC7_PA4O9BrvR6ITsKk1r0GFKkkJWAZSr0C8lYETybgiMa1yMx5ANU-lghsFqNlKmo2iEr_zJhD4ZoDHUbL3T64OPS10pHEHhKVMWQF-K0VwHgW-vZWAOLcLA3pjR7rhad6bi766BQ1QZejx48amzHMnI0aQTPSYeXuthfalJxbTzHIc46a9Os8rG0FrAkar3g1U6IEYwbNJqSU3P57LsytkEulmQ2oC6f09Dg1oys3uam233Ptr1RKsFjqfwicmhg-FM_rkKLI5Z7WZT_n0FJTHirvYxYoMtz0GZRLI5SxO5tg1vdqnF2hJ4JT2sXkRjuV6DsKlm5IKVIT0XUOodQKxDr7RsIVmagnfSTnGPstZiS9mP2tOVMhowAT3scU4Q9LpR71hkG_Uzh436AXfxtBfUMNYpSbQIi4oAR7kg5iSrzkDNvRXFtpSWbGeKs64foTdh7BuyCrHGNQMHn0G97Uw-82Vpwx=w1366-h161-no);
    background-size: cover;
    width: 100%;
    height: 250px;
}
/** Start Slider **/
.home .carousel {
    height: 100%;
    position: relative;
    z-index: 22;
}
.home .carousel-inner{
    height: 100%;
}
.home .carousel-inner > .item.next.left,
.home .carousel-inner > .item.prev.right,
.home .carousel-inner > .item.active{
    width: 100%;
    height: 100%;
}
.home .carousel-control {    
    width: 10%;
    background: none;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {    
    font-size: 25px;
}
/** End Slider **/
/** Mobile Slider **/
.home .mobile-slider{
    height: 486px;
    text-align: center;
    position: absolute;
    right: 0;
}
.home .mobile-slider .slider-Home-shot{
    width: 326px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transform: translate(0,-45px);
    margin: 0 auto;    
}
 .home .mobile-slider .slider-Home-shot .slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(81, 81, 81, 0.7098039215686275);
    box-shadow: 0px 2px 7px rgba(51, 51, 51, 0.7215686274509804);
}
.home .mobile-slider .slider-Home-shot .slick-dots li.slick-active{
    background: #fafafa;
}
.home .mobile-slider .slider-Home-shot .slick-dots li button{
    display: none;
}
.home .mobile-slider .slider-Home-shot .slick-dots {
    transform: translate(0,-10px);
}
/** End Mobile Slider **/
    
/** Home Main **/
.index-main{
	background-image: none;
	background: #000000;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #53346D, #000000);  /* Chrome 10-25, Safari 5.1-6 */	
}
.index-main:after{
    content: "";
    background: url(https://lh3.googleusercontent.com/tsmdYqBi4zxacc-KteAfCn2XQ9EtoXp1hosbIcP1EaSE5fxVb3DvR2lyjfhrLdhTdpNV1wzhbPJslq4FcNF4hIrhuGnAWDvLcUBEM3HVRPCjODwrfvg07U9SC_i0Z81gDYus550cm2SNy9nUF1_IpLgeHT_kTSwx07-I3yi3_xOvyivUW8jJLQ_NSB_nvS_jQ00-OYEIKSJBCSEkrCSTI23qkOmQqOcBl6vEbTRgySrELN2TTC0jYxuR_1KpBPYQ6O5Gd11jNUuFmGGSKV4Tg8pvLrC9jbugFy9v3kfcB_6fEOxott1uX3Ol5lb3sxwZmNRJymdOFYNMG_Z5a3qQLtATdfsu0c2joOT5Z1qaFzCOh3DLigR6ZkVf_meDwxbHTjpnvjcfKba_c2lnIDFth5Re_KMPcgmhwbyekWkFzMyzhktD4Axk_aa32W7ZueWtApFgcuOy2DTR0vjP2XzA-e0CAfmocnr-n4hLjF9-sOrkCilYSzMs8P95uEEvVD2rKQ3lDjhDYkfmGIiwddEn2u36HzWpdgNC2TAw2_-c59bgdi1QV4m_psGsQnDh3LCGUYxVMRvLnzDxfmRfIJerCBVSqdNYLv1wPUVqP0JinVyFX-VPqzOTVfZHPejglrbrTNdJUSOlaWbOLFu9jOR6sor7sFWryHPk=w1366-h199-no) no-repeat 0 0;
    position: absolute;
    width: 100%;
    height: 248px;
    bottom: 0px;
    background-size: cover;
    z-index: 2;
}
.index-main .btn-appsun{
    margin-bottom: 30px;
}
/** Index Wetcher **/
.index-main.witcher .row.cell{
    display: table-cell;
    vertical-align: middle;
}
.index-main.witcher .row.cell .content-main{
    padding-top: 15px;
}
.index-main.witcher .img-witcher img{
    max-width: 185px;
}
.index-main.witcher h2{    
    padding-right: 190px;    
    line-height: 40px;
}
/** Index Wetcher **/
.index-main .row.cell{
    display: block;
    vertical-align: unset;
}
.index-main .row.cell .content-main{
    padding-top: 10%;
}
.index-main .img-phone img{        
    width: 100%;
    max-width: 650px;
    position: relative;
    transform: translate(0);
    top: unset;
    left: unset;
    right: unset;
    margin: 0 auto;
}
/** Home Main **/
/** Main Two **/
.index-main.main-two:after {
    content: "";
    background: url(https://lh3.googleusercontent.com/ggdskRPwCVmt54FmtX0zCRQartSSoXAIOSomWAwCi4dyrlN7m0eODvEozsSFO_tTyxPvwgSZIZ4VSZRYsj0l4EEz7rTRLqoYduuHLExhIfO6XHPq8tctcpC7GeN9WqRQ3Vm1-grGAIky4uKG8iRda06mtrrNMDUMABPEc2n5VwRtryj08JGZV1jwnF1_luPkUt4ZGDs40M0Kyp43JE2mcmXzph741K-xJXzOjawezH4ElxZPuSMqhP_mUFcU91xw7Vz_dBq5uWQnMkNcclHRxCz0DX6o77r-lkhoxzAKVkNVgdbV156T5rj8Be2eIxZS1cB3LkO3rOz9Eo3YPAaHOlqqASuRb6IADiECI6IgSqZRi2XLWxyCUsfjMewb-Xu6BLawUZwoDUJzgsyhkLPtc8TbFt9npFfGlsBsSQxK50FbIwK9Mu6awaLiNV5kT-Uc2rUoGYHkPDjJshsGgvhoXJitA53q-MtAL0fvdS8f47-eq59SHWNs6N43wsf1kvGLjFI6vdZsFfSQBmwx6NucfkI_ABeX6h7OQwqVfAxUoAopRbnk7LVx8xQx3PjAC0MYKwFax1tU5VJdVVwdEqpY9f2FyKx7ttC2tVuJ3caEWmRZFr-bDhWRqH0y0q1QHfJpGGiNqn8EjN9L691KMHwSgrO4u3Pni1tm=w1366-h240-no) no-repeat 0 0;
    position: absolute;
    width: 100%;
    height: 248px;
    bottom: 0px;
    z-index: 2;
    background-size: cover;
}
/** Main Two **/

.homePRafter:after{
    background: url(https://lh3.googleusercontent.com/uB6jG6UtYaoSBnJLrEteeUVnIvDyEmzKlr2wp4iZqxIb7KDyUPK4FF1CwkUTPETQhp_uf-tppgHP7IZ8_XnzRc3glPyZyqUUdL2MVcHK85mJyfZSZl5fw0phn-pH5IWNITFkpJpG5Zq8rb8uko0h95ijTgTJ-wHEa0XrwbGFVqb6UNDGXWnSe3lQa9dZ_OxCE1PLjS9XW8nKXcFSI4ckr0diQVSI4TGmFhQGek0hTu9y6LcieUYDSdSlqFmh_BCrrZEPgeaIikGDzp22IN803JRgxlUnm2_OE-E1l4PfzKz7exyK_9nxFAdRoF4uAODw0cMDiT-2psM-AHxO19B-dwPOjCwr5Q6H3IctIi0LSMdH6xzuIKvadOdpGc5p8VZ4G0gmvUh19RLky4WLedTpP5jKcf8j298U8EDo72sLQbhgogh7i9hur6EUNI6KHYExd0kq0l7zTkTM4NBG3pFYsG97elCvEnDP9-HK67K3m1b09dsDlglp4XD5r-2EMMTooPojeLKgCf6Lf7DcG_ocYLGmr8O5iJEgLkITpDhcygq6DhX7EA8oiVOIYedIlXHNqjIa9SybaUNgYY8GUwx-IG3Qza6JmgwOrQHZqu30ycfOvDaaJb-IRNeGtXc2N9O2zKTLhwcIw5s4eLwtcmMU_OyMdQsSM4sD=w1366-h287-no);
    transform: translate(0);
}
.uigradient{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
}
.home .container,
.homeparticles .container,
.index-main .container{
    display: table;
    height: 100%;    
    z-index: 5;
    position: relative;
}
.homePRafter .row.cell{
    color: #333;
}
.home .row.cell,
.homeparticles .row.cell{
    display: table-cell;
    vertical-align: middle;
}
.home .container h1,
.homeparticles .container h1{
    font-size: 115px;    
    font-weight: normal;
    letter-spacing: 10px;
    padding-top: 0;
    font-family: 'Monoton', cursive;
}
.homeparticles .container h1.particles-heading{
    font-size: 130px;
}
.homeparticles .container .btn-appsun{    
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    border-right: none;
    border-left: none;
}
.homeparticles .container p{
    padding: 20px 250px;
    line-height: 30px;
    margin: 0;
    padding-top: 5px;
}
.home .img-phone img{        
    width: 350px;
    position: absolute;
    transform: translate(0px,-55px);
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.home .head-img{
    display: inline-block;    
    width: 60%;    
}
.home p{
    padding: 10px 50px;
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 27px;
    font-weight: 300;
}
.home .botton-img{
    position: absolute;
    width: 100%;
    bottom: 0;
}
/***********************
 *** End Home Page **** 
 ***********************/

/***********************
 ***** Start About ***** 
 ***********************/
.about h2{
    font-family: 'Roboto', sans-serif;
    font-size: 45px;
    font-weight: 100;
    line-height: 55px;
    padding-bottom: 35px;
    text-transform: capitalize;
}
.about p{
    font-size: 16px;
    color: #606060;    
    line-height: 25px;
    font-weight: 300;
}
.about .icon-company i:first-of-type{
    padding-left: 0;
}
.about .icon-company i{
    font-size: 3.5em;
    color: #eaeaea;
    padding: 10px 15px;
    padding-bottom: 0px;
}
.about h2.landingpage{
    margin: 0;
}
.about .img-landingpage img{
    max-width: 120%;
    width: 120%;
}
/***********************
 ****** End About ****** 
 ***********************/
/***********************
 *** Start Features **** 
 ***********************/
.features{
    transition: all .6s ease-in-out;
}
.features .row-margin,
.features .row{
    margin: 0;
}
.features h2{
    padding: 25px 0;    
    margin: 0;
    font-weight: normal;
    letter-spacing: 10px;
    font-family: 'Monoton', cursive;
    font-size: 45px;
    color: #aeaeae;
    text-transform: capitalize;
    padding-top: 15;
}
.features p{
    color: #5a5959;
    font-weight: 300;
    line-height: 25px;
}
.features .paragraph-app{
    padding: 10px 25%;
    margin-bottom: 20px;    
    font-size: 16px;    
}
.features .mobile-center{
    display: inline-block;
}
.features .content-features{    
    padding: 25px 20px;
    padding-bottom: 0;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 25px;
}
.features .content-features:last-of-type{
    margin-bottom: 0;
}
.features .content-features.active{    
    border-radius: 5px;
    transition: all .6s ease-in-out;    
}
.features .content-features.active h4,
.features .content-features.active p{
    color: #fff;
}
.features .content-features h4{
    padding: 25px 0;
    margin: 0;
    color: #494949;
    letter-spacing: 0px;
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 5px;
}
.features .content-features p{
    font-size: 15px;
    letter-spacing: .6px;
    line-height: 25px;
}
.features .img-show{
    transition: all 1.2s ease-in-out;
}
.features .img-show img{
    display: none;
    opacity: 0;
    transition: all .7s ease-in-out;
    transform: translate(0,50px);
}
.features .img-show img:first-of-type{
    display: inline-block;
    opacity: 1;
    transform: translate(0);
}
/***********************
 **** End Features ***** 
 ***********************/
/******************************
 **** Start Extra Features **** 
 *****************************/
.extra-features.extra-two{
    background: #fafafa;
}
.extra-features .container-extra{
    padding: 45px 10px;  
    padding-bottom: 0;
}
.extra-features .container-extra h3{
    font-weight: 500;
    margin: 0;
    padding: 30px 0;
}
.extra-features .container-extra p{
    padding: 15px 0;
    font-size: 16px;
    font-weight: 300;
    padding-top: 0;
}
/****************************
 **** End Extra Features **** 
 ****************************/
/****************************
 **** Start Screen Shot  **** 
 ****************************/
.screen-shots{      
    background: #f9f9f9;
    position: relative;    
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 400px;
    overflow: hidden;
    background: transparent;
    font-family: 'Roboto', sans-serif !important;
}
.screen-shots .uigradient{
    top: 0;
    left: 0;
    opacity: .7;
}
.screen-shots:after{
    content: "";
    background: url(https://lh3.googleusercontent.com/DBZAePpW_acbSrh7IjCuD_L4itGkqDbioGd8dvHnsib5bska7tlcIC1tn9RNPMjDo4hvzQmkq0dNAJd0yPBHKg6vkbKyteVrtWCl4CDwpA6p00B2IJgV8kSrzgAg9ZAPbgNArCKSBc5O3j3NugZMubbDz2lMQyAV7Lv9bWFMnubzhHcIME6tbHrknGQs682yIxC7_PA4O9BrvR6ITsKk1r0GFKkkJWAZSr0C8lYETybgiMa1yMx5ANU-lghsFqNlKmo2iEr_zJhD4ZoDHUbL3T64OPS10pHEHhKVMWQF-K0VwHgW-vZWAOLcLA3pjR7rhad6bi766BQ1QZejx48amzHMnI0aQTPSYeXuthfalJxbTzHIc46a9Os8rG0FrAkar3g1U6IEYwbNJqSU3P57LsytkEulmQ2oC6f09Dg1oys3uam233Ptr1RKsFjqfwicmhg-FM_rkKLI5Z7WZT_n0FJTHirvYxYoMtz0GZRLI5SxO5tg1vdqnF2hJ4JT2sXkRjuV6DsKlm5IKVIT0XUOodQKxDr7RsIVmagnfSTnGPstZiS9mP2tOVMhowAT3scU4Q9LpR71hkG_Uzh436AXfxtBfUMNYpSbQIi4oAR7kg5iSrzkDNvRXFtpSWbGeKs64foTdh7BuyCrHGNQMHn0G97Uw-82Vpwx=w1366-h161-no) no-repeat 0 0;        
    z-index: 1;
    position: absolute;
    bottom: 0;
    transform: translate(0,17px);
    background-size: cover;
    width: 100%;
    height: 250px;
}
.screen-shots .slick-slider ,
.slick-dotted.slick-slider{ /** all Slider Use */
    z-index: 2;   
    margin-bottom: 0; 
}
.screen-shots .slick-next:before {
	content: '\f054';
	font-family: 'FontAwesome';
}
.screen-shots .slick-prev:before {
	content: '\f053';
	font-family: 'FontAwesome';
}
.screen-shots p,
.screen-shots h2{
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 15px;
    font-family: 'Roboto', sans-serif !important;
}
.screen-shots p{
    padding: 5px 26%;
    padding-bottom: 30px;
    margin: 0;
}
/* Start Slick */
.screen-shots .slick-dots li{
    background: #a2a2a2;    
    box-shadow: 0px 2px 2px #727272;
    width: 20px;
    height: 4px;
    opacity: .5;
}
.screen-shots .slick-dots li.slick-active{
    background: #2F0743;
    opacity: 1;
}
.screen-shots .slick-dots li button{
    display: none;
}
/* End Slick */
/****************************
 **** End Screen Shot  **** 
 ****************************/
/*****************************
 **** Start video To Show **** 
 *****************************/
.video-show h2{
    padding-top: 35px;
}
.video-show p{
    padding-right: 105px;
}
.video-show .btn-container a{
    display: block;
    width: 180px;
}
.video-show .play-video{        
    padding: 20px 60px;
    margin: 0;    
    color: #fff;
    border-radius: 3px;
    position: relative;    
    padding-right: 0px;    
    cursor: pointer;
    text-decoration: none;
}
.video-show .play-video img{
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    left: 0;
    transform: translate(15px,-8px);
    -moz-transform: translate(15px,-8px);
}
.video-show .img-video .img-center{
    height: 416px;
}
.video-show .img-video .video-click{
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    transform: translate(0,130px);
    width: 63px;
}

/********************
    Start popups 
*********************/
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
/********************
    Start popups 
*********************/

/****************************
 **** End video To Show **** 
 ****************************/
/******************************
    *** Start Testimonial  ***
 ******************************/
.testimonial{    
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 400px;
    background: transparent;
    font-family: 'Roboto', sans-serif !important;
}
.testimonial p{
    padding: 5px 26%;
    padding-bottom: 30px;
    margin: 0;
}
/* Start Slick */
.testimonial .slick-list{
	padding-bottom: 30px;
}
.testimonial .slick-dots {
    bottom: 0;
    transform: translate(-17px);
    list-style: none;
    text-align: center;
}
.testimonial .slick-dots li {    
    width: 20px;
    height: 3px;    
    background: #515151;
}
.testimonial .slick-dots li.slick-active{
    background: #fff;
}
.testimonial .slick-dots li button{
    display: none;
}
.testimonial .slick-slide img {
    width: auto;
}
.testimonial .slick-initialized .slick-slide {    
    text-align: center;
}
.slick-initialized .slick-slide {
    display: block;
    outline: none;
}
/* End Slick */
.testimonial .container-testmon img{
    border-radius: 50%;
    display: inline-block;
}
.testimonial .container-testmon .star-test{
    text-align: center;
    padding: 10px;
}
.testimonial .container-testmon .star-5:after{
    content: "\f005\f005\f005\f005\f005";
    font-family: 'FontAwesome';
    color: #ebd316;
    font-size: 15px;
    position: absolute;
    transform: translate(-33px,0px);
}
.testimonial .container-testmon .star-4:after{
    content: "\f005\f005\f005\f005\f006";
    font-family: 'FontAwesome';
    color: #ebd316;
    font-size: 15px;
    position: absolute;
    transform: translate(-33px,0px);
}
.testimonial .container-testmon .star-3:after{
    content: "\f005\f005\f005\f006\f006";
    font-family: 'FontAwesome';
    color: #ebd316;
    font-size: 15px;
    position: absolute;
    transform: translate(-33px,0px);
}
.testimonial .container-testmon .star-2:after{
    content: "\f005\f005\f006\f006\f006";
    font-family: 'FontAwesome';
    color: #ebd316;
    font-size: 15px;
    position: absolute;
    transform: translate(-33px,0px);
}
.testimonial .container-testmon .star-1:after{
    content: "\f005\f006\f006\f006\f006";
    font-family: 'FontAwesome';
    color: #ebd316;
    font-size: 15px;
    position: absolute;
    transform: translate(-33px,0px);
}
.testimonial .container-testmon .star-0:after{
    content: "\f006\f006\f006\f006\f006";
    font-family: 'FontAwesome';
    color: #ebd316;
    font-size: 15px;
    position: absolute;
    transform: translate(-33px,0px);
}
.testimonial .container-testmon .nametest{
    margin: 0;
    padding: 15px;
    color: #555555;
    font-weight: 400;
    font-size: 23px;
    padding-bottom: 0;
    color: #fff;
}
.testimonial .container-testmon .title-test{
    font-size: 13px;
    padding: 0;
    margin: 0;
    color: #a7a7a7;
    letter-spacing: 0px;
}
.testimonial .container-testmon p{
    padding: 5px 27%;
    color: #fff;
    padding-bottom: 0;
    font-family: 'Roboto', sans-serif !important;
}
/******************************
    **** End Testimonial  **** 
 ******************************/
/******************************
    **** Start Pricing  **** 
 ******************************/
.pricing-section{    
    background: #efeded;
}
.pricing-section h2{
    padding-top: 15px;
}
.pricing-section p{
    padding: 5px 26%;
    padding-bottom: 45px;
    margin: 0;
}
.pricing-section .container-pricing{
    background: #fff;
    padding: 20px 0;
    border-radius: 5px;
    transition: all .6s ease-in-out;
}
.pricing-section .container-pricing:hover,
.pricing-section .container-pricing.active{    
    transform: translate(0,-20px);
    box-shadow: 0px 10px 14px #d4d4d4;
}
.pricing-section .container-pricing .details-price{
    padding: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 35px;
}
.pricing-section .container-pricing .details-price .type-price{
    position: absolute;
    margin: auto 0;
    left: 0;
    right: 0;    
    transform: translate(0, 25px);
}
.pricing-section .container-pricing .details-price .type-price span{
    padding: 10px 22px;
    background: #fff;
}
.pricing-section .container-pricing .price{
    font-size: 40px;
    font-weight: 500;
    color: #8150b6;
}
.pricing-section .container-pricing .time{
    color: #8150b6;
}
.pricing-section .container-pricing .features-price{
    padding: 30px 0;
}
.pricing-section .container-pricing .features-price ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
.pricing-section .container-pricing .features-price ul li{
    padding: 10px 0 ; 
}
/******************************
    **** End Pricing  **** 
 ******************************/
/******************************
 **** Start Download App   **** 
 ******************************/
.download-app{    
    position: relative;
    overflow: hidden;
}
.download-app h2{
    padding: 25px 15px;
    padding-top: 15px;
}
.download-app h4{
    padding: 20px 0;
    margin: 0;
    margin-bottom: 5px;    
}
.download-app h4:before{
    content: "";
    position: absolute;
    color: #0b0b0b;
    padding-right: 60px;
    border: 1px solid #d7d7d7;
    transform: translate(0,24px);
}
.download-app .download-app-phone a,
.download-app .download-app-phone a:hover{
    color: #333;
    text-decoration: none;
    cursor: pointer;
    padding: 20px 10px;    
    margin-right: 10px;
    border-radius: 4px;
} 
.download-app .download-app-phone a img{
    display: inline-block;
}

/******************************
  **** End Download App  **** 
 ******************************/
/****************************
    **** Start Teams  **** 
 ****************************/
.teams-app{    
    background: #fafafa;
}
.teams-app h2{
    padding-top: 15px;
}
.teams-app p{
    padding-bottom: 30px;
}
.content-team .content-img{
    position: relative;
}
.content-team .content-img:hover .parent-hover{
    opacity: 1;
    transition: all .8s ease-in-out;
}
.content-team .content-img .parent-hover{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    transition: all .8s ease-in-out;
    background: rgba(65, 41, 90, 0.64);
}
.content-team .table-center{
    display: table;
    width: 100%;
    height: 100%;
}
.content-team .cell-tabel{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    text-align: center;    
}
.content-team .cell-tabel a,
.content-team .cell-tabel a:hover,
.content-team .cell-tabel a:focus{
    color: #fff;
    text-decoration: none;
    outline: none;
}
.content-team .cell-tabel i{
    display: inline-block;
    font-size: 25px;
    color: #fff;
    padding: 0 16px;
}
.teams-app .content-team .txt-team{
    background: #fff;
    margin: 0;    
    padding: 10px 0;
}
.teams-app .content-team h3{
        margin: 0;
    padding: 10px 15px;
}
.teams-app .content-team small{
    padding-left: 32px;
    letter-spacing: .6px;
    font-weight: 300;
}
.teams-app .content-team small:before {
    content: '\f2d1';
    font-family: 'FontAwesome';
    position: absolute;
    transform: translate(-16px,-1px);
}
.teams-app .content-team p{
     color: #595959;
    padding: 15px 15px;
    margin: 0;
}
/* Slick Slide */
.slick-slide {    
    padding: 0px 10px;
}
.slick-slide img {    
    width: 100%;
}
/****************************
     **** End Teams  ****  
 ****************************/
/****************************
     **** Start FAQ  ****  
 ****************************/
.faq-app p {
    padding: 5px 26%;
    padding-bottom: 45px;
    margin: 0;
}
.faq-app h2{
    padding-top: 15px;
}
.faq-app .panel-default > .panel-heading {
    color: #FFF;
    border-color: transparent;
    padding: 0;
    border-radius: 0;
    letter-spacing: .4px;
    cursor: pointer;
}
.panel-title {    
    padding: 20px 15px;
}
.faq-app .panel-default {
    border-color: transparent;
    box-shadow: none;
}
.faq-app .panel-collapse:before{
    content: '\f086';
    font-family: 'FontAwesome';
    color: #f1f1f1;
    position: absolute;
    font-size: 85px;
    z-index: 0;
    transform: translate(10px,-26px);    
    opacity: .4;
}
.faq-app .panel-body {
    padding: 20px 15px;
    line-height: 25px;
    font-size: 16px;
    color: #595959;
    font-weight: 300;
}
.faq-app .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
    z-index: 1;
    position: relative;
}
.faq-app .panel-heading a{
    text-decoration: none;
    color: #fff;
}
.panel-title.collapsed .right-arrow:after{
    content: "\f067";
    font-family: 'FontAwesome';
}
.panel-title .right-arrow:after{
    content: "\f068";
    font-family: 'FontAwesome';
}
/****************************
     **** End FAQ  ****  
 ****************************/

/****************************
     **** Start News  ****  
 ****************************/
.news-blog{    
    background: #f1f1f1;
}
.news-blog h2{
    padding-top: 15px;
}
.news-blog .prag-recent{
    padding: 5px 26%;
    padding-bottom: 45px;
    margin: 0;
}
.news-blog .container-news{
    background: #fff;
    padding: 30px 15px;
    border-radius: 5px;
    transition: all .6s ease-in-out;
}
.news-blog .container-news:hover,
.news-blog .container-news.active{
    transform: translate(0,-20px);
    box-shadow: 0px 10px 14px #d4d4d4;
    transition: all .6s ease-in-out;
}
.news-blog .container-news:hover .icon-city i,
.news-blog .container-news.active .icon-city i{
    color: #333;
    transition: all .6s ease-in-out;
}
.news-blog .container-news .icon-city i{
    font-size: 80px;
    display: block;
    color: #ddd;
    transition: all .6s ease-in-out;
}
.news-blog .container-news .icon-city .country{
    color: #333;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}
.news-blog .container-news h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 20px;
}
.news-blog .container-news .years-comment{
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #333;
    font-size: 15px;
    text-transform: capitalize;
}
.news-blog .container-news .years-comment i{
    color: #333;
    padding-right: 3px;
    font-size: 15px;
}
.news-blog .container-news .years-comment .year{
    padding-right: 15px;
}
.news-blog .container-news .years-comment .comment{
    float: right;
}
.news-blog .container-news p{
    line-height: 25px;
    font-size: 16px;
    color: #595959;
    padding: 10px 0;
    font-weight: 300;
}
.news-blog .container-news .name-img{
    margin-top: 15px;
}
.news-blog .container-news .name-img img{
    border-radius: 50%;
}
/****************************
     **** End News  ****  
 ****************************/
/****************************
   *** Start Contact  ***  
 ****************************/
.contact-app h2{
    padding-top: 15px;    
}
.contact-app p{
    padding: 5px 26%;
    padding-bottom: 45px;
    margin: 0;
}
.contact-app form {
	overflow: hidden;
}
.contact-app form .form-input,
.contact-app form .textarea-input{
    font-size: 16px;
    font-weight: 300;
    padding: 0px 15px;    
    border: none;
    border-bottom: 2px solid #e5e5e5;
    box-shadow: none;
    border-radius: 0;
}
.contact-app form .form-input{
    height: 50px;
}
.contact-app form .textarea-input{
    padding: 15px;
}
.contact-app form .form-group:first-of-type{
    width: 49%;
    display: inline-block;
    margin-right: 18px;
}
.contact-app form .form-group:nth-of-type(2){
    width: 49%;
    display: inline-block;
}
.contact-app .alert.alert-success{
    display: none;
}
.form-control:focus{
    border-color: #3a2251 !important;
}
.contact-app .btn-appsun{
    margin-top: 15px;
    padding: 15px 30px;
    letter-spacing: 1px;
    border-radius: 3px;
}
/****************************
   *** End Contact  ***
 ****************************/
/****************************
   *** Start Footer  ***
 ****************************/
footer{    
    background: #333;
    color: #fff;
}
footer h3{
    font-weight: normal;
    letter-spacing: 10px;
    font-family: 'Monoton', cursive;
    padding: 25px 0;
    padding-top: 0;
    margin: 0;
}
footer ul{
    list-style: none;    
    margin: 0;
    padding: 40px 0;
}
footer p.about-footer{
    padding: 0 260px;    
}
footer ul li{    
    display: inline-block;
    padding: 0;
    margin-right: 5px;    
}
footer ul li a,
footer ul li a:hover{
    color: #fff;
}
footer ul li.twitter a{
    background: #55acee;
    padding: 15px;
    border-radius: 4px; 
    padding-bottom: 10px;
}
footer ul li.facebook a{
    background: #3b5999;
    padding: 15px 18px;
    border-radius: 4px;
    padding-bottom: 10px;
}
footer ul li.github a{
    background: #131418;
    padding: 15px 15px;
    border-radius: 4px;
    padding-bottom: 10px;
}
footer ul li i.fa{
    font-size: 20px ;
}
footer .copyright{
    padding: 0;
    margin: 0;
}
/****************************
    **** End Footer ****
 ****************************/
/** All Heading **/
.about h2,
.features h2,
.screen-shots h2,
.pricing-section h2,
.download-app h2,
.teams-app h2,
.faq-app h2,
.news-blog h2,
.contact-app h2{
    padding-top: 0px;
}
/** All Heading **/