/* grid system */
.row {width:100%; margin:0 auto;}
.row:before,.row:after {display:table;line-height:0;content:""}
.row:after {clear:both}
[class*="col-"] {display:block;float:left;width:100%;margin-left:2.564102564102564%}
[class*="col-"]:first-child {margin-left:0}
.col-12 {width:100%}
.col-11 {width:91.45299145299145%}
.col-10 {width:82.90598290598291%}
.col-9 {width:74.35897435897436%}
.col-8 {width:65.81196581196582%}
.col-7 {width:57.26495726495726%}
.col-6 {width:48.717948717948715%}
.col-5 {width:40.17094017094017%}
.col-4 {width:31.623931623931625%}
.col-3 {width:23.076923076923077%}
.col-2 {width:14.52991452991453%}
.col-1 {width:5.982905982905983%}
.col-offset-12 {margin-left:105.12820512820512%}
.col-offset-12:first-child {margin-left:102.56410256410257%}
.col-offset-11 {margin-left:96.58119658119658%}
.col-offset-11:first-child {margin-left:94.01709401709402%}
.col-offset-10 {margin-left:88.03418803418803%}
.col-offset-10:first-child {margin-left:85.47008547008548%}
.col-offset-9 {margin-left:79.48717948717949%}
.col-offset-9:first-child {margin-left:76.92307692307693%}
.col-offset-8 {margin-left:70.94017094017094%}
.col-offset-8:first-child {margin-left:68.37606837606839%}
.col-offset-7 {margin-left:62.393162393162385%}
.col-offset-7:first-child {margin-left:59.82905982905982%}
.col-offset-6 {margin-left:53.84615384615384%}
.col-offset-6:first-child {margin-left:51.28205128205128%}
.col-offset-5 {margin-left:45.299145299145295%}
.col-offset-5:first-child {margin-left:42.73504273504273%}
.col-offset-4 {margin-left:36.75213675213675%}
.col-offset-4:first-child {margin-left:34.18803418803419%}
.col-offset-3 {margin-left:28.205128205128204%}
.col-offset-3:first-child {margin-left:25.641025641025642%}
.col-offset-2 {margin-left:19.65811965811966%}
.col-offset-2:first-child {margin-left:17.094017094017094%}
.col-offset-1 {margin-left:11.11111111111111%}
.col-offset-1:first-child {margin-left:8.547008547008547%}
[class*="col-"].push-right, .push-right {float:right; display:inline-block;}

.row.no-margin { margin: 0 auto; }
.row.margin { margin: 20px 0; }
.row.margin-top { margin: 50px auto 0 auto; }

/* rtl */
.rtl [class*="col-"] {float:right;margin-right:2.564102564102564%; margin-left:0;}
.rtl [class*="col-"]:first-child {margin-right:0}

.rtl [class*="col-offset-"] { margin-left:0;  }

.rtl .col-offset-12 {margin-right:105.12820512820512%}
.rtl .col-offset-12:first-child {margin-right:102.56410256410257%}
.rtl .col-offset-11 {margin-left:96.58119658119658%}
.rtl .col-offset-11:first-child {margin-right:94.01709401709402%}
.rtl .col-offset-10 {margin-right:88.03418803418803%}
.rtl .col-offset-10:first-child {margin-right:85.47008547008548%}
.rtl .col-offset-9 {margin-right:79.48717948717949%}
.rtl .col-offset-9:first-child {margin-right:76.92307692307693%}
.rtl .col-offset-8 {margin-right:70.94017094017094%}
.rtl .col-offset-8:first-child {margin-right:68.37606837606839%}
.rtl .col-offset-7 {margin-right:62.393162393162385%}
.rtl .col-offset-7:first-child {margin-right:59.82905982905982%}
.rtl .col-offset-6 {margin-right:53.84615384615384%}
.rtl .col-offset-6:first-child {margin-right:51.28205128205128%}
.rtl .col-offset-5 {margin-right:45.299145299145295%}
.rtl .col-offset-5:first-child {margin-left:42.73504273504273%}
.rtl .col-offset-4 {margin-right:36.75213675213675%}
.rtl .col-offset-4:first-child {margin-right:34.18803418803419%}
.rtl .col-offset-3 {margin-right:28.205128205128204%}
.rtl .col-offset-3:first-child {margin-right:25.641025641025642%}
.rtl .col-offset-2 {margin-right:19.65811965811966%}
.rtl .col-offset-2:first-child {margin-right:17.094017094017094%}
.rtl .col-offset-1 {margin-right:11.11111111111111%}
.rtl .col-offset-1:first-child {margin-right:8.547008547008547%}

/* general */
.center { text-align: center; }
.uppercase { text-transform: uppercase; }
.text-right { text-align: right; }
.fl { float: left; }
.fr,  [class*="col-"].fr { float: right; }

.rtl .fl {
    float: right;
}

.rtl .fr {
    float: left;
}

.rtl .text-right {
    text-align: left;
}

.csres-100 {
    width:100%; 
}

.csres-90 {
    width:90%;  
}

.csres-80 {
    width:80%;  
}

.csres-70 {
    width:70%;  
}

.csres-66 {
    width:66.666%;  
}

.csres-60 {
    width:60%;  
}

.csres-50 {
    width:50%;  
}

.csres-40 {
    width:40%;  
}

.csres-33 {
    width:33.333%;  
}

.csres-30 {
    width:30%;  
}

.csres-25 {
    width:25%;  
}

.csres-20 {
    width:20%;  
}

.csres-10 {
    width:10%;  
}

.rel { position: relative; }

.hidden { display: none !important; }

.wrapper {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.main-nav.wrapper {
    width: 100%;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.table-row {
    display: table-row;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.no-margin { margin: 0; }

.desktop {display: inherit;}
.mobile { display: none; }

/* small screens and devices */
@media all and ( max-width: 1200px ) {
    .row .col-sm-6 {width:48.717948717948715%}

    .desktop { display: none; }
    .mobile {display: inherit;}

    .break > [class*="col-"],
    .break > [class*="csres-"] {
        width: 100%;
        float: none;
        margin: 0 0 5px 0;
        clear: both;
    }

    .break > [class*="col-"]:last-child {
        margin: 0;
    }

    .wrapper,
    .container {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }

    body {
        font-size: 14px;
    }

    [class*="csres_"] {
        width: 100%;
        float: none;
    }
}


@media all and ( max-width: 720px ) {
    .break-720 > [class*="col-"],
    .break-720 > [class*="csres-"] {
        width: 50%;
        margin: 0;
    }

    .break-720 > [class*="col-"]:last-child,
    .break-720 > [class*="csres-"]:last-child {
        margin: 0;
    }
}

@media all and ( max-width: 640px ) {
    .break-640 > [class*="col-"] {
        width: 100%;
        float: none;
        margin: 0 0 50px 0;
        clear: both;
    }

    .break-640 > [class*="col-"]:last-child {
        margin: 0;
    }
}

@media all and ( max-width: 480px ) {
    body {
        font-size: 12px;
    }

    .break-720 > [class*="col-"],
    .break-720 > [class*="csres-"] {
        width: 100%;
    }
}