﻿.ctaBnt {
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    font-size: 25px;
    padding: 10px 30px;
    margin: 2em 0 3em;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    min-width: 250px;
}

.scroll_to_app_btn{
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    font-size: 25px;
    padding: 10px 30px;
    margin: 2em 0 3em;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    min-width: 250px;
}

.greenBtn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#68c900+0,009903+79,20bf00+100 */
    background: rgb(104,201,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(104,201,0,1) 0%, rgba(0,153,3,1) 79%, rgba(32,191,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,201,0,1)), color-stop(79%,rgba(0,153,3,1)), color-stop(100%,rgba(32,191,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(104,201,0,1) 0%,rgba(0,153,3,1) 79%,rgba(32,191,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(104,201,0,1) 0%,rgba(0,153,3,1) 79%,rgba(32,191,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(104,201,0,1) 0%,rgba(0,153,3,1) 79%,rgba(32,191,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(104,201,0,1) 0%,rgba(0,153,3,1) 79%,rgba(32,191,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68c900', endColorstr='#20bf00',GradientType=0 ); /* IE6-9 */
    border: 1px solid #8bcf54;
}

    .greenBtn:hover {
        color: white;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7df200+0,00c803+59,27ea00+100 */
        background: #7df200; /* Old browsers */
        background: -moz-linear-gradient(top, #7df200 0%, #00c803 59%, #27ea00 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7df200), color-stop(59%,#00c803), color-stop(100%,#27ea00)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #7df200 0%,#00c803 59%,#27ea00 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #7df200 0%,#00c803 59%,#27ea00 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #7df200 0%,#00c803 59%,#27ea00 100%); /* IE10+ */
        background: linear-gradient(to bottom, #7df200 0%,#00c803 59%,#27ea00 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7df200', endColorstr='#27ea00',GradientType=0 ); /* IE6-9 */
    }

.orangeBtn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd500+0,ff7700+79,ff9d00+100 */
    background: rgb(255,213,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,213,0,1) 0%, rgba(255,119,0,1) 79%, rgba(255,157,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,213,0,1)), color-stop(79%,rgba(255,119,0,1)), color-stop(100%,rgba(255,157,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,213,0,1) 0%,rgba(255,119,0,1) 79%,rgba(255,157,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,213,0,1) 0%,rgba(255,119,0,1) 79%,rgba(255,157,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,213,0,1) 0%,rgba(255,119,0,1) 79%,rgba(255,157,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,213,0,1) 0%,rgba(255,119,0,1) 79%,rgba(255,157,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd500', endColorstr='#ff9d00',GradientType=0 ); /* IE6-9 */
    border: 1px solid #FFC300;
}

    .orangeBtn:hover {
        color: white;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd500+0,ff7700+53&amp;0.99+40,1+100 */
        background: -moz-linear-gradient(top, rgba(255,213,0,0.99) 0%, rgba(255,142,0,0.99) 40%, rgba(255,119,0,0.99) 53%, rgba(255,119,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,213,0,0.99)), color-stop(40%,rgba(255,142,0,0.99)), color-stop(53%,rgba(255,119,0,0.99)), color-stop(100%,rgba(255,119,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,213,0,0.99) 0%,rgba(255,142,0,0.99) 40%,rgba(255,119,0,0.99) 53%,rgba(255,119,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,213,0,0.99) 0%,rgba(255,142,0,0.99) 40%,rgba(255,119,0,0.99) 53%,rgba(255,119,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,213,0,0.99) 0%,rgba(255,142,0,0.99) 40%,rgba(255,119,0,0.99) 53%,rgba(255,119,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,213,0,0.99) 0%,rgba(255,142,0,0.99) 40%,rgba(255,119,0,0.99) 53%,rgba(255,119,0,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcffd500', endColorstr='#ff7700',GradientType=0 ); /* IE6-9 */
    }

.redBtn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1a1a+0,b81212+79,de1515+100 */
    background: rgb(255,26,26); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,26,26,1) 0%, rgba(184,18,18,1) 79%, rgba(222,21,21,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,26,1)), color-stop(79%,rgba(184,18,18,1)), color-stop(100%,rgba(222,21,21,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,26,26,1) 0%,rgba(184,18,18,1) 79%,rgba(222,21,21,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,26,26,1) 0%,rgba(184,18,18,1) 79%,rgba(222,21,21,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,26,26,1) 0%,rgba(184,18,18,1) 79%,rgba(222,21,21,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,26,26,1) 0%,rgba(184,18,18,1) 79%,rgba(222,21,21,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a1a', endColorstr='#de1515',GradientType=0 ); /* IE6-9 */
}

    .redBtn:hover {
        color: white;
        text-decoration: none;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1a1a+28,b81212+100,b81212+102 */
        background: rgb(255,26,26); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,26,26,1) 28%, rgba(184,18,18,1) 100%, rgba(184,18,18,1) 102%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,rgba(255,26,26,1)), color-stop(100%,rgba(184,18,18,1)), color-stop(102%,rgba(184,18,18,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255,26,26,1) 28%,rgba(184,18,18,1) 100%,rgba(184,18,18,1) 102%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255,26,26,1) 28%,rgba(184,18,18,1) 100%,rgba(184,18,18,1) 102%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255,26,26,1) 28%,rgba(184,18,18,1) 100%,rgba(184,18,18,1) 102%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,26,26,1) 28%,rgba(184,18,18,1) 100%,rgba(184,18,18,1) 102%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a1a', endColorstr='#b81212',GradientType=0 ); /* IE6-9 */
    }

.da-thumbs article .blocBody h3 {
    overflow: hidden;
    min-height: 45px;
    color: gray;
}

.RelatedAppContainer {
    margin: auto;
    max-width: 826px;
}

    .RelatedAppContainer article {
        float: left;
        margin-left: 25px;
    }

.featuresList {
    margin-top: 20px;
}

    .featuresList li {
        color: white;
        line-height: 53px;
        text-align: left;
        overflow: visible;
        font-size: 25px;
        margin-bottom: 0;
        padding-left: 67px;
        background-repeat: no-repeat;
        background-position-y: 3px;
    }




/*--------------new-----------------*/
.block {
    border: 1px solid grey;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
}

    .block::before, .block::after {
        content: '';
        position: absolute;
        right: 40px;
        bottom: -20px;
        border: 10px solid transparent;
        border-top: 10px solid green;
    }

    .block::after {
        border-top: 10px solid white;
        bottom: -19px;
    }

    .block img {
        float: left;
    }

    .block .Autor {
        clear: both;
        float: right;
    }

#owl-demo {
    margin-left: 20px;
}



.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



#owl-demo .item h3 {
    color: gray;
    margin-top: 5px;
    font-size: 15px;
    padding-top: 8px;
    text-align: center;
}

.item a:hover {
    text-decoration: none;
}

.caroisel .navButtons {
    visibility: visible;
    position: absolute;
    top: 130px;
    opacity: 0;
    z-index: 100;
    width: 32px;
    height: 65px;
    margin-left: 0;
    cursor: pointer;
}

.owl-carousel {
    position: initial !important;
}

#owl-demo .item {
    position: relative;
    margin: 17px 0 0 0;
    padding: 30px 0px 0px 0px;
    color: #FFF;
    text-align: center;
    width: 145px;
    display: block;
    margin: auto;
}

    #owl-demo .item .imgWrap {
        height: 130px;
        position: absolute;
        overflow: hidden;
        width: 120px;
    }

        #owl-demo .item .imgWrap img {
            min-width: 300px;
            min-height: 84px;
        }

.owl-carousel .owl-wrapper-outer {
    clear: both;
}

.isotopeItem {
    margin: 16px 21px 18px 8px;
    width: 140px;
}

.dialog .appicon {
    float: left;
    margin: 0 20px 20px 0;
}

.owl-theme .owl-controls {
    margin-top: 15px;
}

#fullscreenslider h2 {
    color: white;
    font-size: 3em;
    font-weight: 100;
    margin-top: 1.5em;
    text-align: center;
    color: orange;
}

#fullscreenslider h3.downloadAppTitle {
    color: white;
    font-size: 1.5em;
    font-weight: 100;
    margin-top: 1em;
    text-align: center;
    color: orange;
}

#fullscreenslider ul {
    color: white;
    margin-top: 1.5em;
    min-height: 150px;
}

    #fullscreenslider ul li {
        display: none;
    }

#fullscreenslider .screenshot {
    margin: 20px auto 30px;
    display: block;
}

#fullscreenslider h3 {
    min-height: 50px;
    padding: 5px;
    text-align: center;
}

h1.h1_no {
    font-weight: 100;
}

h2.cattitle {
    text-align: center;
    font-size: 3em;
}

#owl-demo .owl-item {
    cursor: pointer;
}

.basicFeatures {
    margin: 20px auto;
}

    .basicFeatures img {
        display: block;
        margin: auto;
    }

    .basicFeatures h3 {
        text-align: center;
    }

.ocad_section2 {
    background-color: rgba(229,229,229,0.5);
}

.noMarginBottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

/*.synced img {
    -webkit-filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.5));
    filter: url(.synced);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}


.owl-item:first-child.synced img {
    -webkit-filter: drop-shadow(10px 5px 10px rgba(0, 0, 0,0.5));
    filter: url(.synced);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}*/
.rounded_shadows {
    width:146px;
    height:146px;
    border-radius: 200px;
    overflow: hidden;
    /*-webkit-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
    -moz-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
    box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);*/
}

.rounded_shadows:hover{
    -webkit-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
    -moz-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
    box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
}

.synced .rounded_shadows{
    -webkit-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
    -moz-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
    box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.54);
}

.clients_logo_box .clients_logo_sprite_box {
    background-image: url("../../storage/images/home-page/sprite_companies_2-01.png") !important;
}

.testimonial_block_wrap {
    margin-bottom: 43px;
}

    .testimonial_block_wrap .block {
        max-width: 920px;
        margin: auto;
    }

#clients_logo7 {
    width: 114px !important;
}



#fullscreenslider .owl-controls .owl-buttons div {
    padding: 5px 9px;
}

#fullscreenslider .owl-buttons i {
    margin-top: 2px;
}



#fullscreenslider .owl-controls .owl-buttons {
    position: relative;
    top: -353px;
}

    #fullscreenslider .owl-controls .owl-buttons .owl-prev {
        left: 30px;
       font-stretch: ultra-condensed;
        position: absolute;
    }

    #fullscreenslider .owl-controls .owl-buttons .owl-next {
        right: 30px;
        position: absolute;
    }

    #mainHeader {
    display: none;
}

body, #content {
    padding-top: 0;
}