/* - General ------------------------------------------------------- */



/* PRE LOADER */

.preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fefefe;

    z-index: 9999;

    height: 100%;

    width: 100%;

    overflow: hidden !important;

}



.status {
    width: 105px;
    height: 50px;
    position: absolute;
    left: 45%;
    top: 45%;
    margin: -25px 0 0 -50px;




}



/* top line LOADER */

.pace {

    -webkit-pointer-events: none;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

}

.pace-inactive {

    display: none;

}

.pace .pace-progress {

    background: #F44C67;

    position: fixed;

    z-index: 99999;

    top: 0;

    right: 100%;

    width: 100%;

    height: 5px;

}



/* Global Styles */

body,
html {

    height: 100%;

    width: 100%;

    max-width: 100%;   

}



body {

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 1px;

    line-height: 1.8;

    background: transparent;

    color: #29282b;

    overflow-x: hidden;

    margin: auto;

    background: #fff;

    -webkit-font-smoothing: subpixel-antialiased;

}



.clearlist,
.clearlist li {

    list-style: none;

    padding: 0;

    margin: 0;

    background: none;

}



::-moz-selection {
    color: #fff;
    background: #29282b;
}

::-webkit-selection {
    color: #fff;
    background: #29282b;
}

::selection {
    color: #fff;
    background: #29282b;
}



a {

    color: #999;

    text-decoration: none;

}

a:hover {

    color: #64cdf3;

    cursor: pointer;

}

a:hover,
a:focus {

    -moz-outline: none;

    outline: none;

    text-decoration: none;

}



h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    margin-bottom: 20px;

    line-height: 1.4;

    color: #121b2a;

    letter-spacing: 2px;

}

h1 {

    font-size: 40px;

}

h2 {

    font-size: 30px;

}

h3 {

    font-size: 24px;

}

h4 {

    font-size: 16px;

}

h5 {

    font-size: 14px;

}

h6 {

    font-size: 12px;

}

.img-responsive {

    margin: 0 auto;

    width: auto;

}

.section {

    padding: 60px 0px 80px;

    position: relative;

    z-index: 2;

    overflow: hidden;

}

.relative {

    position: relative;

}

.bold {

    font-weight: 600;

}

.hint {

    color: #999;

    font-size: 13px;

}

/* title Section */

.titleSection {

    clear: both;

    margin-bottom: 80px;

    text-align: center;

}

.titleSection h2 {

    margin-top: 0px;

}

.titleSection p {

    font-size: 30px;
    line-height: 1.4;
    margin: 0 auto;

}

/* line */

.coloredLine {

    margin: 20px auto 0px;
    width: 150px;
    border-bottom: 3px solid #002354;

}

/* buttons */

.btn-new {

    max-width: 250px;

    vertical-align: middle;

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    background: #F44C67;

    display: inline-block;

    padding: 15px 30px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    color: #fff;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    letter-spacing: 1px;

    cursor: pointer;

    line-height: 1.42857;

    text-align: center;

    white-space: nowrap;

    border: none;

}

.btn-new:hover,
.btn-new:focus {

    background: #FC647B;

    color: #fff;

    text-decoration: none;

    outline: none;

}

/* margin spaces */

.space10 {

    margin-bottom: 10px;

}

.space20 {

    margin-bottom: 20px;

}

.space30 {

    margin-bottom: 30px;

}

.space40 {

    margin-bottom: 40px;

}

.space50 {

    margin-bottom: 50px;

}

.space60 {

    margin-bottom: 60px;

}

.space70 {

    margin-bottom: 70px;

}

.space80 {

    margin-bottom: 80px;

}

.space90 {

    margin-bottom: 90px;

}

.space100 {

    margin-bottom: 100px;

}



/* Header and nav --------------------------------------------------- */

.logo {

    display: inline-block;

}

.logo img {

    max-width: 100%;

}

.sticky-navigation {

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    background: transparent;

    border: none;

    padding: 10px 0 !important;

    margin-bottom: 0 !important;

    -webkit-backface-visibility: hidden;

    top: 0px;

}

.NavBg {

    background: #121b2a9e;

}

.nav-logo {

    padding: 0px 0px;

    height: 54px;

    overflow: hidden;

}

.nav-logo:focus {

    outline: none;

}

.nav-logo img {

    height: 100%;

}

.navbar {

    margin-bottom: 0px;

}

.navbar-nav {

    float: left;

    margin: 0px !important;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.navbar-nav li a {

    padding: 10px;

    line-height: 30px;

    font-size: 17px;
    color: #fff;

    position: relative;

    background: transparent !important;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

}

.navbar-nav li a:focus {

    outline: none;

}

.navbar-nav li.active a,
.navbar-nav li a:hover {

    color: #fff;

}

.navbar-toggle {

    padding: 5px 10px;

    margin-right: 10px;
    color: #fff;
}

/* intro ---------------------------------------------------------------- */



#intro {

    background: #4c70b6;

    padding: 173px 0px;

    position: relative;

    z-index: 1;

    overflow: hidden;
    background-image: url(../images/pattern_1.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.intro-mobile {

    position: absolute;

    left: -28px;

    /* negtivae value of section bottom padding */

    max-width: 50%;
    
}

.downloads a {

    display: inline-block;

    margin-right: 10px;

}

.downloads a:last-child {

    margin-right: 0px;

}



/* screenshots ---------------------------------------------------------------- */

.screenshot-image {

    /*background: url("../images/bg.jpg") no-repeat top center scroll #fff;*/

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    width: 100%;

}

.downloadNumber {

    background: #f44c67;

    color: #fff;

    display: inline-block;

    padding: 10px 30px;

    font-size: 24px;

}

.overlay {

    width: 100%;

    height: 100%;

    padding-top: 80px;

}


.slider-3d>div {

    margin: 0 auto;

}

.allinone_carousel.sweet .elementTitle {

    color: #fff;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;



}

.allinone_carousel.sweet .contentHolderUnit {

    -moz-box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.5);

    -webkit-box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.5);

    box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.5);

}



/* overview ---------------------------------------------------------------- */

#overview {

    background: #004a6a;
    border-top: 1px solid #eee;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.bigIcon {

    color: #F44C67;

    font-size: 50px;

    margin-bottom: 20px;

}



/* features ---------------------------------------------------------------- */

#features {

    text-align: center;
    background-image: url(../images/pattern_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.leftFeatures,
.rightFeatures {

    margin-top: 50px;

}



/* share ---------------------------------------------------------------- */

.share {

    background-image: url(../images/pattern_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;

}

.share h2 {

    font-size: 50px;

    color: #002354;

}

.shareIcons {

    font-size: 24px;

}

.jssocials-share-link {

    color: #002354;

    

    min-width: 67px;

}

.jssocials-share-link.jssocials-share-link-count {

    padding-top: 0.5em;

}



/* app-brief1 ---------------------------------------------------------------- */



.left-mob-front {

    position: absolute;

    left: 12%;

    margin: 0px auto;

    top: -40px;

    z-index: 2;

}

.left-mob-back {

    position: absolute;

    left: 0px;

    top: -20px;

    z-index: 1;

}

.rightList li {

    padding-bottom: 10px;

    position: relative;

}

.rightList li i {

    position: absolute;

    top: 8px;

    left: 0px;

    font-size: 14px;

}

.rightList li span {

    padding-left: 30px;

}

#app-brief1 {

    background: #F2F2F2;

}

.right-mob-front {

    position: absolute;

    right: 12%;

    margin: 0px auto;

    top: -40px;

    z-index: 2;

}

.right-mob-back {

    position: absolute;

    right: 0px;

    top: -20px;

    z-index: 1;

}



/* subscription-form ---------------------------------------------------------------- */



#download {

    text-align: center;

    background: #ebebeb;

}

.downloadLogo {

    width: 100px;

    display: inline-block;

    position: relative;

    top: -5px;

}



#download hr {

    margin: 80px auto 70px;

}

.downloadtxt {

    margin-top: 70px;

    line-height: 60px;

}

.subscription-form .input-box {

    width: 320px;

    -webkit-box-shadow: none;

    box-shadow: none;

    background: #FFF;

    border: 1px solid #FFF;

    margin: 0px;

}

.bigWord {

    font-size: 60px;

    font-weight: 700;

    text-transform: uppercase;

    display: block;

}



.subscription-form .subscription-success,

.subscription-form .subscription-error {

    display: none;

}



/* contact ----------------------------------------------------------- */

#contact {


    text-align: center;

}

.form-control {

    background: transparent;

    border: 1px solid #ddd;

    height: 50px;

    margin-bottom: 20px;

    padding: 10px 20px;

    width: 100%;

    color: #161616;

    outline: none;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-size: 12px;

    box-shadow: none;

}

textarea.form-control {

    height: 100px;

    max-height: 120px;

    resize: none;

    margin-bottom: 40px;

    overflow: hidden;

}

.form-control:focus {

    color: #000;

    font-weight: 900;

    border-color: #161616;

    box-shadow: none;

    outline: none;

}

#contactForm .success,
#contactForm .error {

    display: none;

    text-align: center;

    margin-bottom: 20px;

    padding: 20px;

}



/* Footer ---------------------------------------------------------- */

footer {
    background: #0e0d0d;
    text-align: center;
    padding: 60px 0px 0;
}

footer p {

    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;

}

footer p a,
footer p a:hover,
footer p a:focus {

    color: #fff;

}

.socialList li {

    display: inline-block;

    text-transform: uppercase;

    font-family: 'Josefin Sans', sans-serif;
	

}

.socialList li a {

    display: inline-block;

    color: #fff;

    margin: 0px 20px;
    font-size: 30px;

}

.socialList li a span {

    margin-left: 10px;

}

.socialList li a:hover {

    color: #64cdf3 !important;

}



/*------------------------------------------------------------- 

                           THEME SWITCHER

--------------------------------------------------------------- */

#customizer {

    position: fixed;

    top: 100px;

    z-index: 999999;

    height: 100%;

}



.corner {

    display: block;

    cursor: pointer;

    width: 40px;

    height: 40px;

    -webkit-border-radius: 0px 6px 6px 0px;

    -moz-border-radius: 0px 6px 6px 0px;

    border-radius: 0px 6px 6px 0px;

    background: url(../images/switcher/corner-open.html);

    position: absolute;

    top: 50px;

    right: -40px;

}



.s-close {

    left: -205px !important;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.s-open {

    left: 0 !important;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.corner.expanded {

    background: url(../images/switcher/corner.html);

}



#options {

    width: 205px;

    height: 180px;

    background: #fff;

    padding: 0;

    position: relative;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.heading {

    padding-bottom: 15px;

    margin-bottom: 20px;

}



#options h6 {

    color: #5c5c5c;

    margin-bottom: 10px;

    font-size: 13px;

}



.options-segment {

    margin-bottom: 20px;

}

.color-scheme {

    padding: 0;

}

.color-scheme li {

    float: left;

    list-style: none;

}

.color-scheme a {

    display: block;

    height: 30px;

    width: 30px;

    margin: 0 4.25px 10px;

}

.colors-sel {

    padding: 20px 25px 15px;

    margin-bottom: 0;

}

.gold a {

    background: url(../images/switcher/3.html);

}

.green a {

    background: url(../images/switcher/7.html);

}

.blue a {

    background: url(../images/switcher/1.html);

}

.red a {

    background: url(../images/switcher/8.html);

}

.pink a {

    background: url(../images/switcher/4.html);

}

.navy a {

    background: url(../images/switcher/6.html);

}

.yellow a {

    background: url(../images/switcher/5.html);

}

.violet a {

    background: url(../images/switcher/2.html);

}

.options-head {

    background: #000;

    color: #fff;

    text-align: center;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 900;

    line-height: 50px;

}



.version {

    position: fixed;

    left: 0px;

    top: 100px;

    font-size: 30px;

    color: #A4C828;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    z-index: 9999;

}

.version:hover,
.version:focus {

    color: #B6DD2A;

}

/* responsive style ----------------------------------------------------------------- */

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {

    .downloadtxt {

        margin-top: 20px;

    }

}

/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {

    #intro {

        text-align: center;

    }

    #intro,
    .section {

        padding: 100px 0px;

    }

    

    .slider-3d {

        margin-top: -380px;

        padding-bottom: 100px;

    }

    .intro-mobile {

        position: static;

        max-width: 300px;

    }

    .phones {

        position: relative;

        width: 100%;

        max-width: 600px;

        height: 400px;

        overflow: hidden;

        margin: 0 auto;

        margin-bottom: 50px;

    }

    .left-mob-front {

        right: 0px;

        left: auto;

        max-width: 100%;

        top: 0px;

    }

    .left-mob-back {

        left: -30px;

        max-width: 100%;

        top: 0px;

    }

    .right-mob-front {

        left: 0px;

        right: auto;

        max-width: 100%;

        top: 0px;

    }

    .right-mob-back {

        right: -30px;

        max-width: 100%;

        top: 0px;

    }



    .leftFeatures {

        margin-top: 0px;

        margin-bottom: 50px;

    }

    #features .text-left,
    #features .text-right {

        text-align: center !important;

    }

    .mg-sm-100 {

        margin-bottom: 100px;

    }



}

/* Small Devices, Tablets */

@media only screen and (max-width : 767px) {

    .navbar-collapse {

        max-height: 355px !important;

        padding-bottom: 15px;

        padding-right: 15px;

        padding-left: 15px;

        overflow-x: visible;

        border-top: 1px solid transparent;

    }

    .navbar-nav {

        width: 100%;

    }

    h1 {

        font-size: 30px;

    }

    .subscription-form .input-box {

        margin: 0px auto 20px;

        width: 80%;

    }
.download-img {
    margin-top: 0px;
}
.heading_title, .share h2 {
font-size: 36px !important}
.titleSection p, .sec-title{font-size: 25px!important;}
.socialList li a{margin: 0px 10px!important;}
footer div{text-align: center !important;}

}

/* Extra Small Devices, Phones */

@media only screen and (max-width : 480px) {

    .downloads a {

        margin: 5px;

    }



    .left-mob-front,
    .left-mob-back,
    .right-mob-front,
    .right-mob-back {

        max-width: 80%;

    }



}

/* Custom, iPhone Retina */
.about h4 {
    position: relative;
    font-weight: 400;
}

.about h4::before {
    position: absolute;
    content: url('../images/dice.png');
    left: -40px;
    top: 0;
}

.about p {
    position: relative;
    text-align: justify;
    font-weight: 300;
}

.about p::before {
    position: absolute;
    content: '\f058';
    font-family: fontawesome;
    width: 10px;
    color: rgb(168, 168, 168);
    height: 10px;
    background-size: 10%;
    top: 0;
    left: -35px;
}


@media only screen and (max-width : 320px) {}

#tnc a {
    text-decoration: none !important;
    color: #fff !important;
}

#tnc a:hover {
    color: #64cdf3 !important;
}

.points p::before {
    position: absolute;
    content: '\f111';
    font-family: fontawesome;
    display: inline-flex;
    width: 10px;
    left: 0px;
    font-size: 8px;
    top: 5px;
    color: #fff;

}

.points p {
    padding-left: 20px;
    position: relative;
    font-size: 18px;
}
.points h2{padding-left: 20px;
    /* margin-left: 20px; */
    color: #fff;
}}

.card {
    background: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.card h4 {
    font-size: 21px;
    text-align: center;
}

.card p {
    font-size: 14px;
    line-height: 1.8;
}

/*New*/
.txt-bld {
    margin-bottom: 0;
    padding-top: 10px;
}

.intro-logo{width:300px}
.heading_title{font-size: 63px;
    line-height: 74px;
    color: #fbfbfb;}

p {
    
    font-size: 24px;
    line-height: 31px;
}
.screenshots{background: #ebebeb;background-image: url(../images/pattern_3.png);
    background-repeat: no-repeat;
    background-size: cover;padding-bottom: 100px;}
.m-b-50{margin-bottom: 50px;}
.sec-title{font-weight: 300;}

.containerd{padding-bottom: 20px;}
.small-heading{color:#fff;margin-top:40px;font-size: 24px;}
.titleSection h2{font-size: 40px;
    font-weight: 300;color: #002354;}
#features h4{margin-top: 0;color: #002354;
    font-size: 24px;}
.download-img{margin-top:100px}
#features p{color: #002354;
    font-size: 18px;}
.screenshots h2{font-size: 40px;
    font-weight: 300;
    color: #fff ;}
.screenshots .coloredLine{border-bottom: 3px solid #fff;}

.jssocials-share-link {
    padding: .5em .6em;
    border-radius: 50%;
    border: 1px solid #002354;
}

.downloads{padding-top: 30px;}
.btm-footer{background: #000;
    text-align: center;padding:10px 0}
.btm-footer p{font-size: 11px;
    letter-spacing: 2px;
color: #fff;margin-bottom:0 !important}.btm-footer a{color:#fff!important;}
#tnc li{padding: 0 10px !important}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
    border: 1px solid #23527c!important;
    color: #23527c!important;
}

.nav-logo{display:none}
.NavBg .nav-logo{display:block}
.pv-sec h1{color:#fff}
.pv-sec .coloredLine{border-bottom: 3px solid #fff;}
ul li{list-style-type: none;}
.points a{color:#fff}