/**

 * ==============================================================

 * SUBLIME GRAPHIX

 * ==============================================================

 */



/**

 * ========================================

 * GENERAL STYLES

 * ========================================

 */



html {

    height: 100% !important;

}

body {

    height: 100%;

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

    font-size: 16px;

    line-height: 28px;

    font-weight: 300;

    background-color: #000;

    color: #e9edec;

    overflow-x: hidden;

}

a {

    font-weight: bold;

    -webkit-transition: all ease 0.25s;

    transition: all ease 0.25s;

}

a:focus,
a:hover {

    text-decoration: none;

    outline: 0;

}

img {

    max-width: 100%;

    height: auto;

}

p,
ul {

    margin-bottom: 30px;

}

iframe {

    max-width: 100%;

}

h5 {

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1px;

    line-height: 25px;

    text-transform: uppercase;

}

p {
    color: #242424;
}



/**

 * ========================================

 * MAIN LAYOUT

 * ========================================

 */



/* DOCUMENT */

.document {

    height: 100%;

    position: relative;

}



/* PRELOADER */

.preloader {

    display: table;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    color: #fff;

    background-image: none;

    z-index: 9999;

}

.preloader-inner {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.preloader-logo {

    display: inline-block;

    margin-top: -20px;

}

.preloader-logo img {

    display: none;

    max-height: 90px;

}

.preloader-logo strong {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 45px;

    margin-left: -45px;

    display: none;

    width: 90px;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2px;

    text-align: center;

    text-transform: uppercase;

    -webkit-animation: preloader-loading 2s infinite;

    animation: preloader-loading 2s infinite;

}

@-webkit-keyframes preloader-loading {

    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}

@keyframes preloader-loading {

    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }

}

.with-preloader .document {

    opacity: 0;

    -webkit-transition: all ease 0.5s;

    transition: all ease 0.5s;

}

.with-preloader.preloader-done .document {

    opacity: 1;

}

.with-preloader.preloader-done .preloader {

    display: none;

}

.with-preloader .wow {

    animation-play-state: paused;

    -webkit-animation-play-state: paused;

}

.with-preloader.preloader-done .wow {

    animation-play-state: running;

    -webkit-animation-play-state: running;

}



/* SECTION */

.section {

    position: relative;

    background: #e9edec;

    overflow: hidden;

    border-bottom: 1px solid #dfdfdf;

}

.section-inverse-color {

    background-image: url(../images/backgrounds/section-dark-bg.png);

    background-color: #222222;



}

.black-background-overlay,

.black-dot-background-overlay,

.accent-background-overlay {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

}

.black-background-overlay {

    background-color: #000000;

    opacity: 0.5;

}

.accent-background-overlay {

    opacity: 0.95;

}

.black-dot-background-overlay {

    background-color: rgba(0, 0, 0, 0.5);

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM4Q0NDRTgyNDQ2MTFFNEE2NEVDNzc4QzFDRjlCRUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM4Q0NDRTkyNDQ2MTFFNEE2NEVDNzc4QzFDRjlCRUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzhDQ0NFNjI0NDYxMUU0QTY0RUM3NzhDMUNGOUJFRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzhDQ0NFNzI0NDYxMUU0QTY0RUM3NzhDMUNGOUJFRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkB60N8AAAAYSURBVHjaYmJgYPgPBAxMQIIRyGEACDAARwYG/12eAo8AAAAASUVORK5CYII%3D);

    background-repeat: repeat;

    background-position: center center;

}

.parallax-background {

    background-attachment: fixed;

    background-position: top center;

}

.video-background-container {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

}

.container {

    position: relative;

}

.mobile-device .parallax-background {

    background-attachment: scroll;

    background-position: center center !important;

}

.mobile-device .parallax {

    top: 0 !important;

}



/* OTHER GENERAL CLASSES */

.clear {

    clear: both;

}

.blur {

    -webkit-filter: blur(10px);

    filter: blur(10px);

}



/**

 * ========================================

 * BUTTONS

 * ========================================

 */



.btn {

    padding: 14px 22px;

    font-weight: 800;

    letter-spacing: 1px;

    text-transform: uppercase;

    -webkit-transition: all ease 0.25s;

    transition: all ease 0.25s;

}

.btn:focus,
.btn:active:focus,
.btn.active:focus {

    outline: 0;

}

.btn-info {
    margin-top: 40px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

.btn-info:hover {}

.btn-lg {

    padding: 20px 25px;

}

.btn-lg,
.btn-app-download {

    font-size: 14px;

    letter-spacing: 1.5px;

}

.btn-app-download {

    position: relative;

    padding: 10px 20px 10px 60px;

    text-align: left;

}

.btn-app-download strong {

    display: block;

    margin-bottom: 6px;

    font-weight: 800;

}

.btn-app-download span {

    display: block;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.5px;

    margin-top: -3px;

    opacity: 0.8;

}

.btn-app-download i {

    position: absolute;

    top: 0;

    left: 0;

    margin: 10px 0 0 15px;

    font-size: 40px;

    line-height: 1;

}

.btn-black {

    background-color: #222222;

    color: #ffffff;

}

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

    background-color: #000000;

    color: #ffffff;

}

.btn-gray {

    background-color: #999999;

    color: #ffffff;

}

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

    background-color: #777777;

    color: #ffffff;

}

.btn-ios {

    background-color: #999999;

    color: #ffffff;

}

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

    background-color: #777777;

    color: #ffffff;

}

.btn-android {

    background-color: #a4c639;

    color: #ffffff;

}

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

    background-color: #8bad20;

    color: #ffffff;

}

.btn-windows-phone {

    background-color: #e81123;

    color: #ffffff;

}

.btn-windows-phone:focus,
.btn-windows-phone:hover {

    background-color: #cf000a;

    color: #ffffff;

}



/**

 * ========================================

 * FORMS

 * ========================================

 */



.form-control::-webkit-input-placeholder {

    color: #aaaaaa;

}

.form-control:-moz-placeholder {

    color: #aaaaaa;

}

.form-control::-moz-placeholder {

    color: #aaaaaa;

}

.form-control:-ms-input-placeholder {

    color: #aaaaaa;

}

.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    border-color: #cccccc;

}

.form-control {

    font-size: inherit;

    line-height: inherit;

    height: 50px;

    padding: 11px 22px;

    color: inherit;

    border-color: #dddddd;

    background-color: #ffffff;

}

.form-control-lg {

    font-size: 18px;

    line-height: 30px;

    height: 60px;

    padding: 15px 25px;

}

.section-inverse-color .form-control {

    color: #777777;

}

.form-validation {

    display: none;

    padding: 15px 25px;

}

.form-validation.alert-danger {

    color: #ffffff;

    background-color: #a94442;

    background-color: rgba(169, 68, 66, 0.8);

    border-color: #a94442;

}

.form-validation.alert-success {

    color: #ffffff;

    background-color: #3c763d;

    background-color: rgba(60, 118, 61, 0.8);

    border-color: #3c763d;

}



/**

 * ========================================

 * HEADINGS

 * ========================================

 */



h1,
h2,
h4,
h5,
h6 {
    color: #242424;
    font-weight: 600 !important;
    font-size: 50px !important;
    line-height: 120% !important;
}

.black {
    color: #4c4c4c !important;
}

.top-up {
    margin-top: 5%;
    margin-bottom: 5%;
}

.top-up2 {
    margin-top: 3%;
    margin-bottom: 3%;
}

p {
    font-weight: 400 !important;
}

.section-inverse-color h1,

.section-inverse-color h2,

.section-inverse-color h3,

.section-inverse-color h4,

.section-inverse-color h5,

.section-inverse-color h6 {

    color: #ffffff;

}

.section-heading {

    position: relative;

    /*padding-bottom: 20px;*/

    margin: 0 0 30px;

    /*font-family: Montserrat;*/

    font-weight: 900 !important;

    font-size: 32px;

    line-height: 42px;
    color: #4c4c4c;

}

.upper {
    text-transform: uppercase;
}


.section-heading.text-center:after {

    left: 50%;

    margin-left: -60px;

}

@media (min-width: 768px) {

    .section-heading {

        font-size: 36px;

        line-height: 46px;

    }

}

@media (min-width: 992px) {

    .section-heading {

        font-size: 35px;

        line-height: 50px;

    }

}



/**

 * ========================================

 * LIST

 * ========================================

 */



.list-with-icons {

    list-style: none;

    padding: 0;

}

.list-with-icons li {

    position: relative;

    padding-left: 50px;

    margin: 10px 0;

}

.list-with-icons li > i[class*="icon-"],

.list-with-icons li > i[class*="fa-"] {

    position: absolute;

    top: 5px;

    left: 10px;

    width: 20px;

    font-size: 20px;

    line-height: 1;

    text-align: center;

}



/**

 * ========================================

 * PHONE IMAGE

 * ========================================

 */



.phone-image-double {

    position: relative;

}

.phone-image-front {

    z-index: 1;

}

.phone-image-double {

    /*	max-width: 50%;

*/
}

.phone-image-right {

    margin-left: -30%;

}

@media (min-width: 768px) and (max-width: 991px) {

    .phone-image-right {

        margin-left: -20%;

    }

}



/**

 * ========================================

 * HEADER SECTION

 * ========================================

 */



.header-section {

    margin-bottom: 0;

    -webkit-transition: all ease 1.5s;

    transition: all ease 1.5s;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.header-section.header-floating.floating {

    margin-top: 0;

}

.header-section.navbar-default {

    background-color: #000;
    opacity: 0.9;
    border-bottom: none !important;

}

.navbar-toggle {

    margin-top: 13px;

    margin-bottom: 13px;

}

.navbar-logo {

    max-height: 50px;

    margin-top: 5px;

    margin-bottom: 5px;

    padding-top: 0;

    padding-bottom: 0;

    line-height: 46px;

    white-space: nowrap;

}

.navbar-logo:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 100%;

    vertical-align: middle;

}

.navbar-nav > li > a {

    margin-top: 10px;

    margin-bottom: 10px;

    padding-top: 0;

    padding-bottom: 0;

    line-height: 25px;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.5px;

}

.navbar-default .navbar-nav > li > a {

    color: #f2f2f2;

}



.navbar-default .navbar-nav > li > a:active {

    color: #f2f2f2 !important;

}

.navbar-default .navbar-nav > li > a:link {

    color: #f2f2f2 !important;

}

.navbar-default .navbar-nav > li > a:visited {

    color: #f2f2f2 !important;

}

.navbar-default .navbar-nav > li > a:hover {

    color: #da2a0e !important;
}

@media (min-width: 768px) {

    .navbar-nav > li > a {

        margin-top: 17.5px;

        margin-bottom: 17.5px;

    }

}



/**

 * ========================================

 * HERO SECTION

 * ========================================

 */



.hero-section {

    background: url(../images/bg-1.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.hero-logo {

    margin-bottom: 30px;

    max-height: 330px;

}



.hero-title {

    margin: 0 0 30px;

    font-weight: 300;

    font-size: 32px;

    line-height: 42px;

}

.hero-description {

    margin-bottom: 30px;

    font-size: 18px;

    line-height: 30px;

}

.hero-section .container {

    height: 100%;

}

.hero-content {


    height: 100%;

    width: 100%;

    padding-bottom: 50px;



}

.hero-section .download-buttons {

    margin: 0 -10px;

}

.hero-section .download-buttons .btn-app-download {

    margin: 0 10px 10px;

}

.hero-text {

    display: table-cell;

    vertical-align: middle;

}

.hero-images {

    vertical-align: middle;

    text-align: center;

}

.hero-images img {
    width: 100%
}

.hero-images:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    height: 100%;

}

.hero-image {

    vertical-align: middle;

}

@media (max-width: 991px) {

    .hero-section {

        height: auto;

        padding: 100px 0;

    }

    .big img {
        width: 100%
    }


}

@media (max-width: 767px) {

    .hero-section {

        padding: 80px 0;

    }

    .hero-content {

        text-align: center;

    }

    h1,
    h2,
    h4,
    h5,
    h6 {
        color: #242424;
        font-weight: 600 !important;
        font-size: 35px !important;
        line-height: 120% !important;
    }

    .border-l-r {
        border-left: 0px solid #b29bce;
        border-right: 0px solid #b29bce;
    }

    .border-l-r2 {
        border-right: 0px solid #b29bce;
    }

    .border-l-r3 {
        border-left: 0px solid #b29bce;
    }

    #section-1 {
        padding-top: 50px;
    }

    .wht-mobil {
        color: #fff !important;
    }
    
    .fullwidth-slider .item {
    padding-top: 0%!important;
    padding-bottom: 0%!important;
}
    
    .owl-prev {
        display: none!important;
    }
       .owl-next {
        display: none!important;
    }



}

@media (min-width: 768px) {

    .hero-logo {

        max-height: 80px;

    }

    .hero-title {

        font-size: 36px;

        line-height: 46px;

    }

    .hero-text {

        padding-right: 15px;

    }

    .hero-images {

        width: 100%
    }

}

@media (min-width: 992px) {

    .hero-logo {

        max-height: 310px;

    }

    .hero-title {

        font-size: 40px;

        line-height: 50px;

    }

}

/**

 * ========================================

 * HERO SECTION

 * ========================================

 */



.hero-section2 {

    background: #181b1d;

    padding: 50px 0 0;

}

.hero-section2 h2 {
    color: #fff
}

.hero-logo2 {

    margin-bottom: 30px;

    max-height: 70px;

}

.hero-title2 {

    margin: 0 0 30px;

    font-weight: 300;

    font-size: 32px;

    line-height: 42px;



}

.hero-description2 {

    margin-bottom: 30px;

    font-size: 18px;

    line-height: 30px;

}

.hero-section2 .container {

    height: 100%;

    padding: 0 !important;

}

.hero-content2 {


    height: 100%;

    width: 100%;

    padding-top: 100px;

}

.hero-sectio2n .download-buttons {

    margin: 0 -10px;

}

.hero-section2 .download-buttons .btn-app-download {

    margin: 0 10px 10px;

}

.hero-text2 {

    display: table-cell;

    vertical-align: middle;

}

.hero-images2 {

    vertical-align: middle;

    text-align: center;

}

.hero-images2:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    height: 100%;

}

.hero-image2 {

    vertical-align: middle;

}

@media (max-width: 991px) {

    .hero-section {

        height: auto;

        padding: 100px 0;

    }

    .big img {
        width: 100%
    }

}

@media (max-width: 767px) {

    .hero-section2 {

        padding: 80px 0 0 0;

    }



    .hero-content2 {

        text-align: center;

    }

}

@media (min-width: 768px) {

    .hero-logo2 {

        max-height: 80px;

    }

    .hero-title2 {

        font-size: 36px;

        line-height: 46px;

    }

    .hero-text2 {

        padding-right: 15px;

    }

    .hero-images2 {

        width: 100%
    }

}

@media (min-width: 992px) {

    .hero-logo2 {

        max-height: 310px;

    }

    .hero-title2 {

        font-size: 40px;

        line-height: 50px;

    }

}



/**

 * ========================================

 * FEATURES SECTION

 * ========================================

 */



.features-section {

    padding: 0 0 80px;

    background: #ffffff;

    background-image: none;

}

.features-list {

    list-style: none;

    margin: 0;

    padding: 0;

}

.features-list-item {

    margin: 30px 0;

}

@media (max-width: 991px) {

    .features-list {

        text-align: center;

    }

}

@media (min-width: 768px) {

    .features-section {

        padding: 0 0 50px;

    }

    .features-list-item {

        margin: 50px 0;

    }

}

@media (min-width: 992px) {

    .featuers-list-wrapper {

        /*		margin-top: 20px;

*/
    }

    .features-section {

        padding: 0 0 50px;

    }

    .features-list.features-list-left {

        text-align: right;

    }

    .features-list-item {

        margin: 70px 0;

    }

}

@media (min-width: 1200px) {

    .features-list-item {

        margin: 90px 0;

    }

}



/**

 * ========================================

 * FEATURES WITH ICONS SECTION

 * ========================================

 */



.features-icons-section {

    padding: 80px 0;

    background: #eee;

}

.features-icon-list-item {

    position: relative;

    padding-left: 95px;

    margin-top: 30px;

    margin-bottom: 30px;

    min-height: 60px;

}

.features-icon-list-item i {

    position: absolute;

    top: 0;

    left: 0;

    width: 60px;

    height: 60px;

    padding: 14px;

    margin-left: 15px;

    font-size: 32px;

    line-height: 1;

    text-align: center;

    background-color: #cccccc;

    background-color: rgba(0, 0, 0, 0.15);

    color: #ffffff;

    border-radius: 6px;

    -webkit-transition: all ease 0.25s;

    transition: all ease 0.25s;

}

.section-inverse-color .features-icon-list-item i {

    background-color: #555555;

    background-color: rgba(255, 255, 255, 0.25);

    color: #222222;

}

.features-icon-list-item h5 {

    margin: 0 0 3px;

}

.features-icon-list-item p {

    margin-bottom: 0;

}

@media (min-width: 768px) {

    .features-icon-list-item {

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .features-icons-section {

        padding: 100px 0;

    }

}

@media (min-width: 992px) {

    .features-icons-section {

        padding: 120px 0;

    }

}



/**

 * ========================================

 * VIDEO SECTION

 * ========================================

 */



.video-section {

    padding: 80px 0 0;

    background: #fff;

}

.video-embed {

    position: relative;

    padding-top: 56.25%;
    /* 16:9 */

    height: 0;

    background-color: #000000;

    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

}

.video-embed iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

@media (min-width: 768px) {

    .video-section {

        padding: 0px 0;

    }

}

@media (min-width: 992px) {

    .video-section {

        padding: 0px 0 0;

    }

}



/**

 * ========================================

 * DESCRIPTION SECTION

 * ========================================

 */



.description-section {

    padding: 80px 0;

}

@media (min-width: 768px) {

    .description-section {

        padding: 100px 0;

    }

}

@media (min-width: 992px) {

    .description-section {

        padding: 120px 0;

    }

    .description-section .phone-image-double {

        max-width: 60%;

    }

    .description-section .phone-image-right {

        margin-left: -30%;

    }

}



/**

 * ========================================

 * TESTIMONIALS SECTION

 * ========================================

 */



.testimonials-section {

    padding: 80px 0;

    background-image: url(../images/backgrounds/testimonials-bg.jpg);

    background-repeat: repeat;

    color: #ffffff;

}

.testimonials-carousel {

    text-align: center;

    margin-bottom: -40px;

}

.testimonial-items {

    list-style: none;

    padding: 0;

    margin: 0;

}

.testimonial-items li {

    max-width: 90%;

    margin: 0 auto;

}

.testimonial-text {

    font-size: 24px;

    font-style: italic;

    font-weight: 300;

    line-height: 36px;

    margin-bottom: 40px;

    letter-spacing: 1px;

}

.testimonial-name {

    opacity: 0.7;

    margin-bottom: 20px;

}

.testimonial-name:before,
.testimonial-name:after {

    content: "---";

    margin: 0 10px;

    letter-spacing: -2px;

}

@media (min-width: 768px) {

    .testimonials-section {

        padding: 100px 0;

    }

    .testimonial-items li {

        max-width: 560px;

    }

}

@media (min-width: 992px) {

    .testimonials-section {

        padding: 120px 0;

    }

    .testimonial-items li {

        max-width: 640px;

    }

}

@media (min-width: 1200px) {

    .testimonial-items li {

        max-width: 720px;

    }

}



/**

 * ========================================

 * PRICING SECTION

 * ========================================

 */



.pricing-section {

    padding: 80px 0;

}

.pricing-table {

    list-style: none;

    padding: 0;

    margin-top: 30px;

    margin-bottom: 0;

}

.pricing-package {

    position: relative;

    margin: 20px 0;

    padding: 29px 29px 29px;

    border-radius: 4px;

    background-color: #ffffff;

    border-width: 1px;

    border-style: solid;

    border-color: #dddddd;

    border-color: rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.025);

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.025);

}

.pricing-package-strip {

    height: 10px;

    margin: -30px -30px 30px -30px;

    border-radius: 4px 4px 0 0;

}

.pricing-package-header {

    position: relative;

    min-height: 50px;

    padding-right: 90px;

    margin-bottom: 30px;

}

.pricing-package-header h4 {

    margin: 0 0 10px;

    font-weight: 800;

    font-size: 16px;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.pricing-package-header h4 .label {

    display: inline-block;

    margin-top: -4px;

    font-size: 10px;

    line-height: 12px;

    letter-spacing: 1px;

    vertical-align: middle;

}

.pricing-package-header p {

    margin-bottom: 0;

    color: #aaaaaa;

    font-size: 13px;

    line-height: 21px;

}

.pricing-package-header .price {

    position: absolute;

    top: 0;

    right: 0;

    max-width: 80px;

    margin-top: -10px;

    text-align: right;

    color: #444444;

}

.pricing-package-header .price-currency {

    font-size: 18px;

    line-height: 1;

    font-weight: 700;

}

.pricing-package-header .price-number {

    font-size: 40px;

    line-height: 1;

    white-space: nowrap;

    letter-spacing: -0.5px;

}

.pricing-package-header .price-period {

    display: block;

    white-space: nowrap;

    font-size: 10px;

    line-height: 1;

    text-transform: uppercase;

    color: #777777;

}

.pricing-package-items {

    list-style: none;

    padding: 0;

    margin: 0;

}

.pricing-package-items li {

    position: relative;

    padding-left: 40px;

    margin: 2px 0;

}

.pricing-package-items li > i {

    position: absolute;

    top: 5px;

    left: 5px;

    width: 18px;

    font-size: 18px;

    line-height: 1;

    text-align: center;

}

.pricing-package-items li > i.fa-times {

    color: #dddddd;

}

@media (min-width: 768px) {

    .pricing-section {

        padding: 100px 0;

    }

}

@media (min-width: 992px) {

    .pricing-section {

        padding: 120px 0;

    }

    .pricing-package-featured {

        margin: 0;

    }

    .pricing-package-featured .pricing-package-strip {

        margin-bottom: 40px;

    }

    .pricing-package-featured .pricing-package-header {

        margin-bottom: 40px;

    }

    .pricing-package-featured .pricing-package-items {

        margin-bottom: 20px;

    }

}



/**

 * ========================================

 * SCREENSHOTS SECTION

 * ========================================

 */



.screenshots-section {

    padding: 80px 0;

}

.screenshot-images {

    list-style: none;

    padding: 0;

    margin: 0;

}

.screenshot-image {

    display: block;

    margin: 15px;

    padding: 5px;

    border-radius: 8px;

    background-color: #dddddd;

    background-color: rgba(0, 0, 0, 0.1);

}

.screenshot-image:focus,

.screenshot-image:hover {

    margin-top: 0;

}

.screenshot-image-inner {

    position: relative;

    border-radius: 4px;

    overflow: hidden;

}

.screenshot-image-inner img {

    display: block;

    border-radius: 4px;

}

.screenshot-image-inner .hover {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    opacity: 0;

    border-radius: 4px;

    background-color: rgba(0, 0, 0, 0.7);

    -webkit-transition: all ease 0.25s;

    transition: all ease 0.25s;

}

.screenshot-image-inner .hover:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    height: 100%;

}

.screenshot-image-inner .hover i {

    display: inline-block;

    vertical-align: middle;

    width: 50px;

    color: #ffffff;

    font-size: 50px;

    line-height: 1;

}

.screenshot-image:focus .screenshot-image-inner .hover,

.screenshot-image:hover .screenshot-image-inner .hover {

    opacity: 1;

}

@media (min-width: 768px) {

    .screenshots-section {

        padding: 100px 0;

    }

}

@media (min-width: 992px) {

    .screenshots-section {

        padding: 120px 0;

    }

}



/**

 * ========================================

 * PRESS SECTION

 * ========================================

 */



.press-section {

    padding: 40px 0;

    background-image: none;

}

.press-logos {

    text-align: center;

}

.press-logos span {

    display: inline-block;

    margin: 0 20px;

}

@media (min-width: 768px) {

    .press-section {

        padding: 50px 0;

    }

}

@media (min-width: 992px) {

    .press-section {

        padding: 60px 0;

    }

}



/**

 * ========================================

 * SUBSCRIBE SECTION

 * ========================================

 */



.subscribe-section {

    padding: 80px 0;

    background-image: url(../images/backgrounds/subscribe-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}

.subscribe-section .section-heading:after {

    background-color: #ffffff;

    background-color: rgba(255, 255, 255, 0.5);

}

.subscribe-form-email,
.subscribe-form-submit {

    margin-bottom: 10px;

}

.subscribe-form-submit {

    width: 100%;

}

@media (min-width: 768px) {

    .subscribe-section {

        padding: 100px 0;

    }

    .subscribe-section {

        padding: 120px 0;

    }

    .subscribe-form-input {

        position: relative;

        padding-right: 150px;

    }

    .subscribe-form-email {

        border-top-right-radius: 0;

        border-bottom-right-radius: 0;

    }

    .subscribe-form-submit {

        position: absolute;

        top: 0;

        right: 0;

        width: 150px;

        border-top-left-radius: 0;

        border-bottom-left-radius: 0;

    }

}



/**

 * ========================================

 * CONTACT SECTION

 * ========================================

 */



.contact-section {

    padding: 80px 0;

    background-image: none;

    background-color: #f0f0f0;

}

.contact-form textarea {

    resize: vertical;

}

@media (min-width: 768px) {

    .contact-section {

        padding: 100px 0;

    }

}

@media (min-width: 992px) {

    .contact-section {

        padding: 120px 0;

    }

}



/**

 * ========================================

 * FOOTER SECTION

 * ========================================

 */



.footer-section {

    background: #fff;
    color: #111;
    text-align: center;

}

.contact-toggle {

    display: inline-block;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -45px;

    border-radius: 0 0 90px 90px;

    height: 45px;

    width: 90px;

    padding: 4px 0 11px;

    font-size: 24px;

    line-height: 30px;

    background-color: #f0f0f0;

    color: #777777;

    text-align: center;

}

.contact-toggle:focus,
.contact-toggle:hover {

    color: #444444;

}

.footer-section .download-buttons {

    margin: 0 -10px;

    margin-bottom: 70px;

}

.footer-section .download-buttons .btn-app-download {

    margin: 0 10px 10px;

}

.social-media-links {

    margin: 0;

    margin-bottom: 50px;

    padding: 0;

    list-style: none;

}

.social-media-links li {

    display: inline-block;

    margin-left: 10px;

}

.social-media-links li:first-child {

    margin-left: 0;

}

.social-media-links li i {

    display: inline-block;

    width: 40px;

    height: 40px;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

    color: #ffffff;

}

.social-media-links li a {

    display: inline-block;

    border-radius: 50%;

    background-color: #cccccc;

    background-color: rgba(0, 0, 0, 0.15);

    font-weight: normal;

    color: #777777;

}

.footer-text {

    margin: 0;

    padding: 0;

    list-style: none;

}

.footer-text li {

    display: inline-block;

    margin-left: 10px;

}

.footer-text li:first-child {

    margin-left: 0;

}

.copyright {


    padding: 20px 0;

    text-align: center;

}

.copyright a {

    font-weight: normal;

    color: #cccccc;

}

.copyright a:focus,
.copyright a:hover {

    color: #777777;

}

@media (min-width: 992px) {

    .footer-section {

        text-align: center;

    }

}



/**

 * ========================================

 * OWL CAROUSEL CUSTOM

 * ========================================

 */



.owl-theme .owl-controls .owl-page span {

    width: 14px;

    height: 14px;

    margin: 4px;

    background-color: #cccccc;

    background-color: rgba(255, 255, 255, 0.65);

    -webkit-transform: scale(0.75);

    -moz-transform: scale(0.75);

    transform: scale(0.75);

    -webkit-transition: all ease 0.25s;

    transition: all ease 0.25s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}

.section-inverse-color .owl-theme .owl-controls .owl-page span {

    background-color: #aaaaaa;

    background-color: rgba(255, 255, 255, 0.5);

}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    transform: scale(1);

}



/**

 * ========================================

 * NIVO LIGHTBOX CUSTOM

 * ========================================

 */



.nivo-lightbox-theme-default.nivo-lightbox-overlay {

    background-color: #000000;

    background-color: rgba(0, 0, 0, 0.8);

}

.nivo-lightbox-theme-default .nivo-lightbox-close {

    width: 26px;

    height: 26px;

}

.phone-image-left {
    float: left;
    width: 70%
}

.phone-image-right {
    float: right;
    width: 70%
}

.hero-content h1 {
    color: #d1a550;
    font-weight: 200;
    font-size: 60px;
    padding-top: 10%
}

.margin-topp {
    margin-top: 100px;
}

.margin-toppx2 {
    margin-top: 16%
}

.margin-toppx1 {
    margin-top: 8%
}

.margin-topup {
    margin-top: 15%;
    margin-bottom: 5%;
}

.margin-topup2 {
    margin-top: 5%;
    margin-bottom: 10%;
}

.margin-topup3 {
    margin-top: 0%;
    margin-bottom: 3%;
}

.margin-topup4 {
    margin-top: 35%;
    margin-bottom: 35%;
}

.margin-topup5 {
    margin-top: 19%;
    margin-bottom: 0%;
    padding-bottom: 200px;
}

.margin-topup6 {
    margin-top: 10%;
    margin-bottom: 5%;
}

.padding-topup6 {
    padding-top: 10%;
    padding-bottom: 5%;
}

.padding-topup7 {
    padding-top: 10%;
    padding-bottom: 1%;
}

.padding-topup8 {
    padding-top: 8%;
    padding-bottom: 2%;
}

.margin-topup222 {
    margin-top: 5%;
    margin-bottom: 3%;
}

.padding-topx1 {
    padding-top: 44%
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-40 {
    padding-top: 40px;
}

.m-t-40 {
    margin-top: 40px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-t-38suta {
    padding-top: 38%;
}

.p-t-5suta {
    padding-top: 5%;
}

.p-t-8suta {
    padding-top: 5%;
}

.p-t-9suta {
    padding-top: 9%;
}

.p-t-10suta {
    padding-top: 10%;
}

.p-t-13suta {
    padding-top: 13%;
}

.p-t-15suta {
    padding-top: 15%;
}

.p-t-18suta {
    padding-top: 18%;
}

.p-t-20suta {
    padding-top: 20%;
}

.p-t-25suta {
    padding-top: 25%;
}

.p-t-27suta {
    padding-top: 27%;
}

.p-t-29suta {
    padding-top: 29%;
}

.p-t-30suta {
    padding-top: 30%;
}

.p-t-32suta {
    padding-top: 31%;
}

.p-t-20suta {
    padding-top: 20%;
}

.subtitlu {
    font-weight: 700 !important;
    font-size: 23px !important;
    margin: 5px auto !important;
}

.subtitlu2 {
    font-weight: 300 !important;
    font-size: 28px !important;
    text-transform: uppercase;
}

.subtitlu3 {
    font-weight: 300 !important;
    font-size: 33px !important;
    text-transform: uppercase;
}

.subtitlu4 {
    font-weight: 600 !important;
    font-size: 50px !important;
    text-transform: uppercase;
}

.subtitlu5 {
    font-weight: 800 !important;
    font-size: 55px !important;
}

.subtitlu6 {
    padding-top: 50px;
    font-weight: 900 !important;
    font-size: 30px !important;
    text-transform: uppercase;
    color: #4f4f4f;
    letter-spacing: -2px;
}

.subtitlu7 {
    font-weight: 900!important;
    font-size: 25px!important;
}


#features3 {
    background: #fff;


    color: #000;
    padding: 50px 0
}

.no-mrg {
    padding: 0 !important
}

#features3 .ld {
    float: left;
    margin: 0 3%;
    width: 40% !important;
}

.white {
    background: #fff !important
}

.wht {
    color: #f3f3f3 !important
}

.blk {
    color: #000 !important
}

.wht span {
    color: #9d8561;
    font-weight: 600;
}

.negru {
    color: #fff;
    font-size: 185px;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 40px;
}

.negru span {
    font-size: 60px;
    line-height: 60px;
    display: block
}

.weight {
    font-weight: 600 !important;
}

.verde {
    color: #00ffbf;

    font-size: 80px;

    font-weight: 600;

    line-height: 80px;

    margin: 15px 0;

    text-transform: uppercase;
}

.auriu span {
    font-weight: 200;
}

#features4 {
    background: #fff
}

.full-wh {
    background: #c9332d
}

.full-wh-2 {
    background: #9aa3ab
}

#features5 {
    padding-bottom: 100px
}

.perf {
    font-size: 32px;

    line-height: 40px;

    padding-top: 15px;
}

.perf2 {
    font-size: 32px;

    line-height: 30px;

    padding-top: 15px;
}

.perf2 span {
    font-weight: 600;
    font-size: 20px;
}

.performanta img {
    width: 70%
}

#features7 {
    background: #fff;
    padding: 50px 0 50px 0
}

#features100 {
    background: #9aa3ab;
    padding: 0px !important
}

.text_color {
    color: #324a55 !important
}


.phone-rgt {
    margin-left: -140px
}

#features8 {
    padding: 50px 0 100px 0;
    background: #fff
}

.white-transparent {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 20px;
    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;
}

.white-transparent h2 {
    color: #fff !important
}

.margin-toppx3 {
    margin-top: 30%
}

.margin-toppx4 {
    margin-top: 40%
}


#features9 {
    background: url(../images/contents/panorama.jpg) no-repeat center top scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;
}

#features16 {
    background: url(../images/contents/cmr.jpg) no-repeat center top scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;
}

#features20 {
    background: url(../images/contents/hdrec.jpg) no-repeat center top scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;
}

#features21 {
    background: url(../images/contents/hdr.jpg) no-repeat center top scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;
}

#features10 {
    background: #e90773;

    color: #fff !important;
}

nav.smartscroll-controls > a.prev {

    border-color: #333333;

    border-style: solid none none solid;

    border-width: 2px;

    height: 20px;

    transform: rotate(45deg);

    width: 20px;

}

nav.smartscroll-controls > a {

    display: block;

    margin: 15px;

    text-indent: -9999
}

nav.smartscroll-controls > a.next {

    border-color: #333333;

    border-style: none solid solid none;

    border-width: 2px;

    height: 20px;

    transform: rotate(45deg);

    width: 20px;

    text-indent: -9999
}

#home2 h1 {
    color: #d1a550;

    font-size: 70px;

    font-weight: 200;

    margin-bottom: 100px;
}

@media (max-width: 768px) {

    #home2 h1 {
        color: #d1a550;

        font-size: 35px;

        font-weight: 200;

        margin-bottom: 100px;
    }

    .hero-content2 {


        height: 100%;

        width: 100%;

        padding-top: 50px;

    }

}

@media (max-width: 1366px) {

    .hero-content {

        padding-top: 50px !important;

    }

}

@media (max-width: 656px) {

    #features8 img {
        width: 70%
    }

    .p-t-30suta {
        padding-top: 0%;
    }
}





.bottom {
    height: 100%;
}

.bottom img {
    bottom: 0 !important
}

#features6 {
    background: #fff
}

#features12 {
    background: #fff
}

#features12 .ld {
    margin: 0 auto;
    width: 100%
}

#features12 .ld img {
    margin: 0 auto;
    width: 200px
}

#features13 .ld {
    margin: 0 auto;
    width: 100%
}

#features13 .ld img {
    margin: 0 auto;
    max-width: 1200px;
}

#features14 {
    background: #eee
}

#features-icons3 {
    background: #fff
}

#features-icons3 .ld {
    margin: 0 auto;
    width: 100%
}

#features-icons3 .ld img {
    margin: 0 auto;
    width: 200px
}

#features15 {
    background: #fff
}

#features17 {
    background: #fff
}

.flags {
    float: right;

    margin: 0 auto;

    padding-right: 15px;

    padding-top: 15px;
}

.flags .current {
    border: 2px solid #dfdfdf
}

footer .contact-box {

    margin: 18px;

}

footer .contact-button {

    background: url("../images/cumpara.png") no-repeat scroll center center #fff;

    border-radius: 50%;

    box-shadow: 0 0 0 3px #ffffff;

    font-size: 30px;

    height: 80px;

    line-height: 60px;

    margin: -40px auto auto;

    position: relative;

    vertical-align: middle;

    width: 80px;

}

footer .contact-button {

    border: 2px solid #ba2025;

    color: #008ed6;

}

footer .contact-button:hover {

    color: #ffffff;

}

#features2 {
    background: #e9edec;
}

#features20 .section-heading:after {
    background-color: #000 !important;
    font-size: 25px !important
}

#features20 .section-heading {
    font-size: 26px !important
}

#features9 .section-heading:after {
    background-color: #000 !important;
    font-size: 25px !important
}

#features9 .section-heading {
    font-size: 25px !important
}

#features21 .section-heading:after {
    background-color: #000 !important;
    font-size: 25px !important
}

#features21 .section-heading {
    font-size: 25px !important
}

.center-img {
    margin: 0 auto !important;
    display: block !important
}

.right-img {
    float: right !important
}

.left-img {
    float: left !important
}

#features-slider {
    background: url(../images/slider-bg.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0;
    color: #fff
}

.dark-title {
    color: #000 !important
}

#clock1 {
    padding: 20px 0;
    background: #232729
}

#clock2 {
    padding: 20px 0;
    background: #2a3033
}

#home {
    background: url(../images/intro-bg.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 250px 0;
}

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../images/intro-bg.jpg) no-repeat bottom center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
    font-size: 40px;
}

.intro .intro-body .intro-text {
    font-size: 18px;
}

@media(max-width:400px) {
    #titlem {
        font-size: 20px !important;
    }
}

@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .intro .intro-body .brand-heading {
        font-size: 100px;
    }

    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}


.parallax-window {
    min-height: 400px;
    background: transparent;
    height: 794px;
}

}

#section-3 {
    background: url(../images/img55-5.jpg) no-repeat center top scroll;
    color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

#section-4 {
    background: url(../images/img1-4.jpg) no-repeat center top scroll;
    color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

#section-5 {
    background: url(../images/img1-5.jpg) no-repeat center top scroll;
    color: #000;
    padding-top: 50px;
    color: #000;
}

#section-6 {
    background: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0;
}

#section-9 {
    background: url(../images/img1-9.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 50px;
}

#section-99 {

    background: #f4ebe3;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



#section-999 {

    background: #121011;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#section-9999 {

    background: #fff;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#section-9999 .mttop {
    margin-top:-170px;
}

#section-8 {
    background: url(../images/img1-8.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}

#section-7 {
    background: #ececec;
    color: #ececec;
}

#section-buton {
    background: #99edf3;
    padding: 35px 0;
}

#section-10 {
    background: #fff;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 50px;
    color: #000;
}

#section-11 {
    background: url(../images/img1-11.jpg) no-repeat center top scroll;
    padding: 50px 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 60px;
    color: #000;
}

#section-12 {
    background: url(../images/img1-12.jpg) no-repeat center top scroll;
    padding: 50px 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 60px;
    color: #000;
}

#section-13 {
    background: #FDFDFD;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #000;
}

#section-14 {
    background: #fff;
    color: #fff;
}

#section-android40 {
    background: #fff;
    color: #fff;
}

#section-15 {
    background: #212121;
    color: #212121;
    padding-top: 50px;
    padding-bottom: 0px !important;
}

#section-16 {
    background: url(../images/img1-16.jpg) no-repeat center top scroll;
    color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

#section-17 {
    background: url(../images/img1-17.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 50px 0;
}

#section-18 {
    background: #ffd508;
    color: #ffd508;
    padding: 50px 0;
}

#section-19 {
    background: url(../images/img1-19.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 250px 0;
}

#section-20 {
    background: #4e325a;
    color: #4e325a;
}

#section-21 {
    background: url(../images/img1-21.jpg) no-repeat center top scroll;
    color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

#section-22 {
    background: url(../images/img1-22.jpg) no-repeat center top scroll;
    color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

.top40 {
    margin-top: 40px !important
}

.top100 {
    margin-top: 125px !important
}

.icon {
    display: block;
    padding: 0 0 30px 0;
}

.margin-toppx5 {
    margin: 25% 0;
}

.margin-toppx55 {
    margin: 15% 0;
}

#cumpara {
    background: #fff !important;
}

#section-8 .textm {
    font-size: 60px !important;
}

#section-21 .textm {
    font-size: 60px !important;
}

#section-99 .textm {
    font-size: 60px !important;
}

#section-999 .textm {
    font-size: 60px !important;
}

#section-9999 .textm {
    font-size: 60px !important;
}

#section-9999 .mttop {
    margin-top:-100px;
}

#section-6 .textm {
    font-size: 60px !important;
}



#section-2 {
    background: url(../images/section-2.jpg) no-repeat center top scroll;
    color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

    #section-999 .topm {
        margin-top:-170px;
    }


@media (max-width: 992px) {

    #section-622 {
        background: #cecece !important;
        
        
    }
    
    #section-2 {
    background: url(../images/section-2mobil.png) no-repeat center top scroll;
    color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
    
    #section-19 {
    background: url(../images/img1-19.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px 0;
}
    
    #section-999 .topm {
        margin-top:0px;
    }

    /*#section-1 {background: url(../images/img1-111.jpg) no-repeat center top scroll;
padding-top:100px;
}*/

    #section-3 {
        background: url(../images/img555-5.jpg) no-repeat center top scroll;
        color: #000;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        padding-top: 100px;
    }

    #section-3 p {
        color: #f2f2f2 !important;
    }

    #section-3 h2 {
        color: #f2f2f2 !important;
    }

    #section-4 p {
        color: #fff !important;
    }

    #section-4 h2 {
        color: #fff !important;
        font-size: 25px !important;
    }

    #section-8 .textm {
        font-size: 40px !important;
    }

    #section-21 .textm {
        font-size: 40px !important;
    }

    #section-99 .textm {
        font-size: 40px !important;
    }
    
    #section-999 .textm {
        font-size: 40px !important;
    }
    
        #section-9999 .textm {
        font-size: 40px !important;
    }
    
     #section-6 .textm {
        font-size: 40px !important;
    }
    
    .p-t-50mob {
    padding-top:90px;
    }



    #section-11 {
        background: url(../images/img1-11.jpg) no-repeat center top scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        color: #000
    }

    #section-11 p {
        color: #f2f2f2 !important;
    }

    #section-11 h2 {
        color: #f2f2f2 !important;
    }

    #section-19 {
        background: url(../images/section-13-2.jpg) no-repeat center top scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        text-align: center;
        color: #000
    }

    /*#section-13 {
	background: url(../images/section-13-2.jpg) no-repeat center top scroll!important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top:10px;
	color:#000
}*/

    #section-13 p {
        color: #000 !important;
    }

    #section-13 h2 {
        color: #000 !important;
    }

    /*#section-6{background: url(../images/section-211.jpg) no-repeat center top scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:500px 0 0;}*/

    #section-10 {
        background: #ebebeb !important;
    }

}

/* FAQ */

.faqHeader {
    font-size: 37px;
    margin: 20px;
    color: #000;
}


.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e072";
    /* "play" icon */
    float: right;
    color: #ffcc00;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #464646;

}


/* end FAQ */

#section-faq {
    padding: 50px 0;
    background: #99EDF3;
}

#section-faq h4 {
    font-size: 16px !important;
    line-height: 22px;
}

#section-faq .panel-body {
    color: #000 !important;
    line-height: 22px;
    font-weight: 400;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
    background: #3498db;
}

.section-1-trans {
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}


.section-1-trans:hover {
    e opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.grow {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.grow:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.grow2 {
    -webkit-transition: transform 0.1s;
    -ms-transition: transform 0.1s;
    transition: transform 0.1s;
}

.grow2:hover {
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: transform 0.1s;
    -ms-transition: transform 0.1s;
    transition: transform 0.1s;
}

.grow3 {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.grow3:hover {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.shrink {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.shrink:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.shrink2 {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.shrink2:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.border {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.border:hover {
    box-shadow: inset 0 0 0 25px #EBEBEB;
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.timer1sec {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.timer2sec {
    -webkit-transition: transform 2s;
    -ms-transition: transform 2s;
    transition: transform 2s;
}


.swing2 {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}



@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes swing {
    15% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }

    30% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    50% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }

    65% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



.swing2:hover {
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.rotate {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}


.rotate:hover {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform: rotateZ(-2deg);
    -ms-transform: rotateZ(-2deg);
    transform: rotateZ(-2deg);
}


.threed {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.threed:hover {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform: scale(1.0) translateX(-15px);
    -ms-transform: scale(1.0) translateX(-15px);
    transform: scale(1.0) translateX(-15px);

}

.threed2 {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.threed2:hover {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform: scale(1.0) translateX(15px);
    -ms-transform: scale(1.0) translateX(15px);
    transform: scale(1.0) translateX(15px);
}

.threed3 {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.threed3:hover {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform: scale(1.0) translateX(20px);
    -ms-transform: scale(1.0) translateX(20px);
    transform: scale(1.0) translateX(20px);
    -webkit-transform: scale(1.0) translateY(-20px);
    -ms-transform: scale(1.0) translateY(-20px);
    transform: scale(1.0) translateY(-20px);
}

.threed4 {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.threed4:hover {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform: scale(1.0) translateY(5px);
    -ms-transform: scale(1.0) translateY(5px);
    transform: scale(1.0) translateY(5px);
}

.threed5 {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
}

.threed5:hover {
    -webkit-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    -webkit-transform: scale(1.0) translateX(-20px);
    -ms-transform: scale(1.0) translateX(-20px);
    transform: scale(1.0) translateX(-20px);
    -webkit-transform: scale(1.0) translateY(20px);
    -ms-transform: scale(1.0) translateY(20px);
    transform: scale(1.0) translateY(20px);
}

.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 98%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

@media (min-width: 32em) {

    .modal-box {
        width: 70%;
    }
}

.modal-box header,
.modal-box .modal-header {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 {
    margin: 0;
}

.modal-box .modal-body {
    padding: 2em 1.5em;
}

.modal-box footer,
.modal-box .modal-footer {
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
}

.modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 5%;
    right: 2%;
    text-decoration: none;
    color: #bbb;
}

a.close:hover {
    color: #222;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease;
}

#section-1 {
    background: url(../images/img1-1.jpg) no-repeat center top scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}

.textintro {
    font-size: 16px;
    font-weight: 600 !important;
    color: #6e6e6e !important;
}

.bulb-logo {
    -webkit-animation: blink 3s linear infinite;
    -moz-animation: blink 3s linear infinite;
    animation: blink 3s linear infinite;
}

@keyframes blink {
    90% {
        opacity: 0.9;
    }
}

.btn2 {
    margin-top: 20px !important;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    color: #111;
    font-size: 17px;
    background: transparent;
    padding: 15px 25px 15px 25px;
    text-decoration: none;
    margin: 0 auto;
    display: block;
    max-width: 230px;
    border: 1px solid #111;
}

.btn2:hover {
    text-decoration: none;
    color: #111;
    background-color: #ebebeb;
    border-color: #111;
}


.btn3 {
    margin-top: 20px !important;

    color: #111;
    font-size: 20px;
    background: transparent;
    padding: 15px 25px 15px 25px;
    text-decoration: none;
    display: block;
    max-width: 220px;
}

.btn3:hover {
    text-decoration: none;
    color: #111;
    background-color: #ebebeb;
    border-color: #111;
    -webkit-border-radius: 25;
    -moz-border-radius: 25;
    border-radius: 25px;
    border: 2px solid #111;
}


.border-l-r {
    border-left: 1px solid #b29bce;
    border-right: 1px solid #b29bce;
}

.border-l-r2 {
    border-right: 1px solid #b29bce;
}

.border-l-r3 {
    border-left: 1px solid #b29bce;
}

.video-container {
    height: 100%;
}

.just {
    text-align: justify !important;
}

#owl-carousel-testimonials img {
    margin: 10px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

#owl-carousel-testimonials h5 {
    color: #00FFFF;
}

#owl-carousel-testimonials .owl-controls .owl-page span {
    background: #fff;
}

#owl-carousel-testimonials p {
    margin-bottom: 0px;
}

/* Owl Carousel  style */
.owl-theme .owl-controls {
    text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 70px;
    height: 70px;
    line-height: 60px;
    font-size: 60px;
    text-align: center;
    color: #000;
    opacity: 0.3;
    z-index: 6;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;

}

.owl-prev {
    left: 0px;
}

.owl-next {
    right: 0px;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 0.9;
    text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 8px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
}

.owl-pagination {
    padding-top: 20px;
    opacity: 0.2;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #000;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page span {
    background: #252525;
}

/* intro-parallax */
.intro-parallax {
    position: relative;
    text-align: left;
    height: 100%;
    min-height: 100%;
    text-align: center;
    display: table;
    vertical-align: middle;
}

.intro-parallax .intro-overlay {
    width: 100%;
    height: 100%;
    padding: 100px 0px;
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.1);
}

.intro-parallax .cd-intro h2,
.intro-parallax .cd-intro h3 {
    margin: 0px;
    color: #fff;
}

/* intro full width slider */
/* fullwidth-slider style --------------------------------------------- */
.intro-fullwidth-slider {
    position: relative;
    background: #eee;
}

.intro-fullwidth-slider .item img {
    display: block;
    height: auto;
}

.intro-fullwidth-slider a {
    margin-top: 40px;
}

.intro-fullwidth-slider h2 {
    font-size: 30px;
    margin-top: 40px;
    font-weight: 400;
}

.intro-fullwidth-slider .item {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    -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%;
}

.intro-fullwidth-slider .item1 {
    background-image: url('../images/full-width/bg1.jpg');
}

.intro-fullwidth-slider .item2 {
    background-image: url('../images/full-width/bg2.jpg');
}

.intro-full-overlay {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    padding: 100px 0px;
}

.intro-fullwidth-slider .owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 40px;
    left: 0px;
    text-align: center;
    z-index: 100 !important;
}

.fullwidth-slider {
    position: relative;
    background: #eee;
}

.fullwidth-slider .item img {
    display: block;
    height: auto;
}

.fullwidth-slider a {
    margin-top: 40px;
}

.fullwidth-slider .item {
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
}

.fullwidth-slider .item p {
    color: #000
}

.fullwidth-slider .item1 {
    background-image: url('../images/slide1.jpg');
}

.fullwidth-slider .item2 {
    background-image: url('../images/slide2.jpg');
}

.fullwidth-slider .item3 {
    background-image: url('../images/slide3.jpg');
}

.fullwidth-slider .item4 {
    background-image: url('../images/slide4.jpg');
}

.fullwidth-slider .item5 {
    background-image: url('../images/slide5.jpg');
}

.full-overlay {
    width: 100%;
    height: 100%;
    padding: 100px 0px;
}

.fullwidth-slider .owl-pagination {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    z-index: 100 !important;
}

#feedback {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 50px;
}

.form-container {
    background-color: #fff;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 20px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.form-container {
    color: #000;
}


#description {
    background: #ffffff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mt-3 {
    color: #111 !important;
    height: 560px !important;
}

.mt-4 {
    color: #111 !important;
    height: 610px !important;
}

.no-padding-lr {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}