/* CSS Document */

.our-intro span {
    font-size: 34px;

}

.margin0 {
    margin:0px !important;
    margin-top:7px !important;
}

.green {
    color: green;
}

.blue {
    color: royalblue;
}

.red {
    color: red;
}

.wafloat{
    position:fixed;
    width:60px;
    height:60px;
    bottom:90px;
    right:20px;
    background-color:#25d366 !important;
    color:#FFF !important;
    border-radius:50px;
    text-align:center;
    font-size:30px !important;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.wa-myfloat{
    margin-top:16px;
}

#header.type1 #main-menu ul li, #header.type4 #main-menu ul li {
    display: inline;
    padding: 0 12px !important;
    float: left;
    margin: 0px 2px;
    width: auto;
}


.btnw80 {
    width: 80% !important;
}

.btn80l30 {
    width: 80% !important;
    padding: 2px 8px 0px;
    line-height: 30px !important;
}

#owl-demo .item {
    margin: 6px;
    border: 10px solid #fff;
    background-color: #fff;

    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

#owl-demo .item h5 {
    text-align: center !important;
    font-size: 16px !important;
}

.dt-sc-num-count:after {
    content: "+";
}

.dt-sc-ico-content.type2 h3 {
    font-size: 16px !important;
    background: #f1f1f1;
    z-index: 0;
    color: #323232;
}

.tabs-frame-content h5 {
    font-size: 16px !important
}

.dt-sc-tb-header .dt-sc-tb-price h2 {
    font-size: 18px !important;
}

.dt-sc-tb-content {
    padding: 0px !important;
    width: 100% !important;
    text-align: left;
}

.dt-sc-tb-content li {
    padding: 10px 0px 10px 16px !important;
}

.purchase-button h3 {
    color: #fff !important;
}

.fig-overlay h6 {
    top: 45% !important;
}

.purchase-button {
    opacity: 0.8;
}

.dnlbtn {
    opacity: 1 !important;
}

.dnlbtn:hover {
    background-color: #323232 !important;
}

.dt-sc-contact-form .contact-form {

    padding: 0px 0px 50px !important;

}

.latest-tweets span.tweet_time {
    display: none !important;
}

.index-contact_map {

    height: 450px !important;

}

#panel .dt-sc-contact-info p {
    margin-bottom: -10px !important;
}

#panel .dt-sc-contact-info p i {
    margin-top: 4px !important;
    line-height: 18px !important;
}

.dt-sc-services h2 {
    font-size: 28px !important;

}

.dt-sc-services h2, .dt-sc-services p {
    float: none !important;

}

/*Front End*/

.bg-index {

    position: absolute;
    width: 100%;
    height: 100%;
}

.index-home {
    width: 94%;
    text-align: center;
    padding-top: 3%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
}

.index-home .main-title h2, .index-home .main-title p {
    color: #fff;
}

.index-home .main-title:after {
    bottom: 81px;
    bottom: 83px \0/;
}

.index-home h5 {
    margin-bottom: 10px;
    color: #fff;
}

.index-home a img {
    width: 90%;
    height: auto;
}

.index-home a.dt-sc-button {
    line-height: 40px;
    padding: 4px 20px 0px;
}

.index-home .column {
    margin-bottom: 100px;
}

@-moz-document url-prefix() {
    .index-home .main-title:after {
        bottom: 82px;
    }
}

::i-block-chrome, .index-home .main-title:after {
    bottom: 82px;
}

canvas {
    height: 100% !important;
    position: fixed !important;
}

.main-title {
    padding: 30px 0 100px;
}

.home-title {
    text-transform: none !important;
    color: #19a9e5 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.index-thumbnail {
    padding: 5px;
    border: solid 1px #EFEFEF;
}

.index-thumbnail:hover {
    -webkit-filter: grayscale(10%) blur(1px);
    filter: grayscale(10%) blur(1px);
}

.index-desc {
    font-size: 18px;
}

.index-logo {
    background-color: rgba(255, 255, 255, .6) /* full opaque green */
}

/*Contct FrontEnd*/

.index-contact input[type="text"],
.index-contact input[type="email"],
.index-contact input[type="tel"],
.index-contact input[type="url"],
.index-contact textarea,
.index-contact button[type="submit"] {
    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
}

.index-contact {
    background: #F9F9F9;
    padding: 25px;
    padding-right: 44px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.index-contact h3 {
    display: block;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
}

.index-contact h4 {
    margin: 5px 0 15px;
    display: block;
    font-size: 13px;
    font-weight: 400;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

.index-contact input[type="text"],
.index-contact input[type="email"],
.index-contact input[type="tel"],
.index-contact input[type="url"],
.index-contact textarea {
    width: 100%;
    border: 1px solid #ccc;
    background: #FFF;
    margin: 0 0 5px;
    padding: 10px;
}

.index-contact input[type="text"]:hover,
.index-contact input[type="email"]:hover,
.index-contact input[type="tel"]:hover,
.index-contact input[type="url"]:hover,
.index-contact textarea:hover {
    -webkit-transition: border-color 0.3s ease-in-out;
    -moz-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    border: 1px solid #aaa;
}

.index-contact textarea {
    height: 80px;
    max-width: 100%;
    resize: none;
}

.index-contact button[type="submit"] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #4CAF50;
    color: #FFF;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 15px;
}

.index-contact button[type="submit"]:hover {
    background: #43A047;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.index-contact button[type="submit"]:active {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
    text-align: center;
}

.index-contact input:focus,
.index-contact textarea:focus {
    outline: 0;
    border: 1px solid #aaa;
}

::-webkit-input-placeholder {
    color: #888;
}

:-moz-placeholder {
    color: #888;
}

::-moz-placeholder {
    color: #888;
}

:-ms-input-placeholder {
    color: #888;
}

.dt-sc-contact-form {
    width: 100% !important;

}


/*Large
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .modules-tab {
        width: 14% !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .modules-tab {
        width: 14% !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1120px) {
    .modules-tab {
        width: 14% !important;
    }
}

@media only screen and (min-width: 1121px) and (max-width: 1399px) {
    .modules-tab {
        width: 14% !important;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1900px) {
    .modules-tab {
        width: 14% !important;
    }
}
*/

/*Small*/
@media only screen and (max-width: 479px) {
    .modules-tab {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .modules-tab {
        width: 100%;
    }
}

@media only screen and (max-width: 319px) {
    .modules-tab {
        width: 100%;
    }
}

@media only screen and (max-width: 279px) {
    .modules-tab {
        width: 100%;
    }
}

@media all and (max-width: 768px) and (orientation: landscape) {
    .modules-tab {
        width: 100%;
    }
}

@media all and (max-width: 568px) and (orientation: landscape) {
    .modules-tab {
        width: 100%;
    }
}

@media all and (max-width: 320px) and (orientation: landscape) {
    .modules-tab {
        width: 100%;
    }
}