/* 
    Made by JACodes
*/

/* Margin Top */
.mt-a { margin-top: auto; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-35 { margin-top: 35px; }
.mt-40 { margin-top: 40px; }
.mt-45 { margin-top: 45px; }
.mt-50 { margin-top: 50px; }

/* Margin Right */
.mr-a { margin-right: auto; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-30 { margin-right: 30px; }
.mr-35 { margin-right: 35px; }
.mr-40 { margin-right: 40px; }
.mr-45 { margin-right: 45px; }
.mr-50 { margin-right: 50px; }

/* Margin Bottom */
.mb-a { margin-bottom: auto; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-45 { margin-bottom: 45px; }
.mb-50 { margin-bottom: 50px; }

/* Margin Left */
.ml-a { margin-left: auto; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-25 { margin-left: 25px; }
.ml-30 { margin-left: 30px; }
.ml-35 { margin-left: 35px; }
.ml-40 { margin-left: 40px; }
.ml-45 { margin-left: 45px; }
.ml-50 { margin-left: 50px; }


.display-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

/* Rows */

.row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.row-align-center{
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.row-portfolio{
    min-height: 300px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.row-padded-lr{
    padding: 0 100px 0 100px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

[class*="col-desktop"] {
    padding: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Columns */

.col-desktop-1{ width: 100%; }
.col-desktop-w91{ width: 91.66%; }
.col-desktop-w83{ width: 83.33%; }
.col-desktop-w75{ width: 75%; }
.col-desktop-w66{ width: 66.66%; }
.col-desktop-w58{ width: 58.33%; }
.col-desktop-w33{ width: 33.33%; }
.col-desktop-2{ width: 50%; }
.col-desktop-3{ width: 33.33%; }
.col-desktop-4{ width: 25%; }
.col-desktop-5 { width: 20%; }
.col-desktop-6 { width: 16.66%; }

#service{padding-top: 40px;}

#team{padding-top: 40px;}

/* Tablet view */
@media only screen and (max-width: 992px){
    .col-tablet-mobile-1{ width: 100%; }
    .col-tablet-mobile-2{ width: 50%; }

    .col-tablet-1{ width: 100%; }
    .col-tablet-w91{ width: 91.66%; }
    .col-tablet-w83{ width: 83.33%; }
    .col-tablet-w75{ width: 75%; }
    .col-tablet-w66{ width: 66.66%; }
    .col-tablet-w58{ width: 58.33%; }
    .col-tablet-w33{ width: 33.33%; }
    .col-tablet-2{ width: 50%; }
    .col-tablet-3{ width: 33.33%; }
    .col-tablet-4{ width: 25%; }
    .col-tablet-5 { width: 20%; }
    .col-tablet-6 { width: 16.66%; }

    .order-tablet-3{
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
           -moz-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }
}

/* Tablet small */
@media only screen and (max-width: 768px){
    .row-padded-lr{
        padding: 0 40px 0 40px;
    }
}

/* Mobile view*/
@media only screen and (max-width: 600px) {
    .order-mobile-0{
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
           -moz-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }
    .order-mobile-3{
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
           -moz-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
    }

    .col-mobile-1{ width: 100%; }
    .col-mobile-w91{ width: 91.66%; }
    .col-mobile-w83{ width: 83.33%; }
    .col-mobile-w75{ width: 75%; }
    .col-mobile-w66{ width: 66.66%; }
    .col-mobile-w58{ width: 58.33%; }
    .col-mobile-w33{ width: 33.33%; }
    .col-mobile-2{ width: 50%; }
    .col-mobile-3{ width: 33.33%; }
    .col-mobile-4{ width: 25%; }
    .col-mobile-5 { width: 20%; }
    .col-mobile-6 { width: 16.66%; }

    .row-padded-lr{
        width: 100%;
        padding: 0;
    }
    
}


@media only screen and (min-width: 1000px) {
    body{
        zoom: 0.7;
    }
}
@media only screen and (min-width: 1200px) {
    body{
        zoom: 0.8;
    }
}
@media only screen and (min-width: 1300px) {
    body{
        zoom: 1;
    }
}
@media only screen and (min-width: 1600px) {
    body{
        zoom: 1.1;
    }
}
@media only screen and (min-width: 1900px) {
    body{
        zoom: 1.25;
    }
}