.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

.iframe-container > * {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.m0 { margin: 0;}
.mt0 { margin-top: 0;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mb0 { margin-bottom: 0;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mv0 { margin-top: 0; margin-bottom: 0;}
.mv10 { margin-top: 10px; margin-bottom: 10px;}
.mv20 { margin-top: 20px; margin-bottom: 20px;}
.mv30 { margin-top: 30px; margin-bottom: 30px;}
.mv40 { margin-top: 40px; margin-bottom: 40px;}
.mv50 { margin-top: 50px; margin-bottom: 50px;}
.mh0 { margin-left: 0; margin-right: 0;}
.mh10 { margin-left: 10px; margin-right: 10px;}
.mh20 { margin-left: 20px; margin-right: 20px;}
.mh30 { margin-left: 30px; margin-right: 30px;}
.mh40 { margin-left: 40px; margin-right: 40px;}
.mh50 { margin-left: 50px; margin-right: 50px;}
.p0 { padding: 0;}
.pt0 { padding-top: 0;}
.pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}
.pb0 { padding-bottom: 0;}
.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
.pv0 { padding-top: 0; padding-bottom: 0;}
.pv10 { padding-top: 10px; padding-bottom: 10px;}
.pv20 { padding-top: 20px; padding-bottom: 20px;}
.pv30 { padding-top: 30px; padding-bottom: 30px;}
.pv40 { padding-top: 40px; padding-bottom: 40px;}
.pv50 { padding-top: 50px; padding-bottom: 50px;}
.ph0 { padding-left: 0; padding-right: 0;}
.ph10 { padding-left: 10px; padding-right: 10px;}
.ph20 { padding-left: 20px; padding-right: 20px;}
.ph30 { padding-left: 30px; padding-right: 30px;}
.ph40 { padding-left: 40px; padding-right: 40px;}
.ph50 { padding-left: 50px; padding-right: 50px;}
.pl0 { padding-left: 0;}
.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl50 { padding-left: 50px;}
.pr0 { padding-right: 0;}
.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
.pr50 { padding-right: 50px;}
.ml0 { margin-left: 0;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}
.mr0 { margin-right: 0;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}


@media (min-width: 768px)  {

    .m0-sm { margin: 0;}
    .mt0-sm { margin-top: 0;}
    .mt10-sm { margin-top: 10px;}
    .mt20-sm { margin-top: 20px;}
    .mt30-sm { margin-top: 30px;}
    .mt40-sm { margin-top: 40px;}
    .mt50-sm { margin-top: 50px;}
    .mb0-sm { margin-bottom: 0;}
    .mb10-sm { margin-bottom: 10px;}
    .mb20-sm { margin-bottom: 20px;}
    .mb30-sm { margin-bottom: 30px;}
    .mb40-sm { margin-bottom: 40px;}
    .mb50-sm { margin-bottom: 50px;}
    .mv0-sm { margin-top: 0; margin-bottom: 0;}
    .mv10-sm { margin-top: 10px; margin-bottom: 10px;}
    .mv20-sm { margin-top: 20px; margin-bottom: 20px;}
    .mv30-sm { margin-top: 30px; margin-bottom: 30px;}
    .mv40-sm { margin-top: 40px; margin-bottom: 40px;}
    .mv50-sm { margin-top: 50px; margin-bottom: 50px;}
    .mh0-sm { margin-left: 0; margin-right: 0;}
    .mh10-sm { margin-left: 10px; margin-right: 10px;}
    .mh20-sm { margin-left: 20px; margin-right: 20px;}
    .mh30-sm { margin-left: 30px; margin-right: 30px;}
    .mh40-sm { margin-left: 40px; margin-right: 40px;}
    .mh50-sm { margin-left: 50px; margin-right: 50px;}
    .p0-sm { padding: 0;}
    .pt0-sm { padding-top: 0;}
    .pt10-sm { padding-top: 10px;}
    .pt20-sm { padding-top: 20px;}
    .pt30-sm { padding-top: 30px;}
    .pt40-sm { padding-top: 40px;}
    .pt50-sm { padding-top: 50px;}
    .pb0-sm { padding-bottom: 0;}
    .pb10-sm { padding-bottom: 10px;}
    .pb20-sm { padding-bottom: 20px;}
    .pb30-sm { padding-bottom: 30px;}
    .pb40-sm { padding-bottom: 40px;}
    .pb50-sm { padding-bottom: 50px;}
    .pv0-sm { padding-top: 0; padding-bottom: 0;}
    .pv10-sm { padding-top: 10px; padding-bottom: 10px;}
    .pv20-sm { padding-top: 20px; padding-bottom: 20px;}
    .pv30-sm { padding-top: 30px; padding-bottom: 30px;}
    .pv40-sm { padding-top: 40px; padding-bottom: 40px;}
    .pv50-sm { padding-top: 50px; padding-bottom: 50px;}
    .ph0-sm { padding-left: 0; padding-right: 0;}
    .ph10-sm { padding-left: 10px; padding-right: 10px;}
    .ph20-sm { padding-left: 20px; padding-right: 20px;}
    .ph30-sm { padding-left: 30px; padding-right: 30px;}
    .ph40-sm { padding-left: 40px; padding-right: 40px;}
    .ph50-sm { padding-left: 50px; padding-right: 50px;}

    .pl0-sm { padding-left: 0;}
    .pl10-sm { padding-left: 10px;}
    .pl20-sm { padding-left: 20px;}
    .pl30-sm { padding-left: 30px;}
    .pl40-sm { padding-left: 40px;}
    .pl50-sm { padding-left: 50px;}
    .pr0-sm { padding-right: 0;}
    .pr10-sm { padding-right: 10px;}
    .pr20-sm { padding-right: 20px;}
    .pr30-sm { padding-right: 30px;}
    .pr40-sm { padding-right: 40px;}
    .pr50-sm { padding-right: 50px;}
    .ml0-sm { margin-left: 0;}
    .ml10-sm { margin-left: 10px;}
    .ml20-sm { margin-left: 20px;}
    .ml30-sm { margin-left: 30px;}
    .ml40-sm { margin-left: 40px;}
    .ml50-sm { margin-left: 50px;}
    .mr0-sm { margin-right: 0;}
    .mr10-sm { margin-right: 10px;}
    .mr20-sm { margin-right: 20px;}
    .mr30-sm { margin-right: 30px;}
    .mr40-sm { margin-right: 40px;}
    .mr50-sm { margin-right: 50px;}

}

@media (min-width: 992px)  {
    .m0-md { margin: 0;}
    .mt0-md { margin-top: 0;}
    .mt10-md { margin-top: 10px;}
    .mt20-md { margin-top: 20px;}
    .mt30-md { margin-top: 30px;}
    .mt40-md { margin-top: 40px;}
    .mt50-md { margin-top: 50px;}
    .mb0-md { margin-bottom: 0;}
    .mb10-md { margin-bottom: 10px;}
    .mb20-md { margin-bottom: 20px;}
    .mb30-md { margin-bottom: 30px;}
    .mb40-md { margin-bottom: 40px;}
    .mb50-md { margin-bottom: 50px;}
    .mv0-md { margin-top: 0; margin-bottom: 0;}
    .mv10-md { margin-top: 10px; margin-bottom: 10px;}
    .mv20-md { margin-top: 20px; margin-bottom: 20px;}
    .mv30-md { margin-top: 30px; margin-bottom: 30px;}
    .mv40-md { margin-top: 40px; margin-bottom: 40px;}
    .mv50-md { margin-top: 50px; margin-bottom: 50px;}
    .mh0-md { margin-left: 0; margin-right: 0;}
    .mh10-md { margin-left: 10px; margin-right: 10px;}
    .mh20-md { margin-left: 20px; margin-right: 20px;}
    .mh30-md { margin-left: 30px; margin-right: 30px;}
    .mh40-md { margin-left: 40px; margin-right: 40px;}
    .mh50-md { margin-left: 50px; margin-right: 50px;}
    .p0-md { padding: 0;}
    .pt0-md { padding-top: 0;}
    .pt10-md { padding-top: 10px;}
    .pt20-md { padding-top: 20px;}
    .pt30-md { padding-top: 30px;}
    .pt40-md { padding-top: 40px;}
    .pt50-md { padding-top: 50px;}
    .pb0-md { padding-bottom: 0;}
    .pb10-md { padding-bottom: 10px;}
    .pb20-md { padding-bottom: 20px;}
    .pb30-md { padding-bottom: 30px;}
    .pb40-md { padding-bottom: 40px;}
    .pb50-md { padding-bottom: 50px;}
    .pv0-md { padding-top: 0; padding-bottom: 0;}
    .pv10-md { padding-top: 10px; padding-bottom: 10px;}
    .pv20-md { padding-top: 20px; padding-bottom: 20px;}
    .pv30-md { padding-top: 30px; padding-bottom: 30px;}
    .pv40-md { padding-top: 40px; padding-bottom: 40px;}
    .pv50-md { padding-top: 50px; padding-bottom: 50px;}
    .ph0-md { padding-left: 0; padding-right: 0;}
    .ph10-md { padding-left: 10px; padding-right: 10px;}
    .ph20-md { padding-left: 20px; padding-right: 20px;}
    .ph30-md { padding-left: 30px; padding-right: 30px;}
    .ph40-md { padding-left: 40px; padding-right: 40px;}
    .ph50-md { padding-left: 50px; padding-right: 50px;}

    .pl0-md { padding-left: 0;}
    .pl10-md { padding-left: 10px;}
    .pl20-md { padding-left: 20px;}
    .pl30-md { padding-left: 30px;}
    .pl40-md { padding-left: 40px;}
    .pl50-md { padding-left: 50px;}
    .pr0-md { padding-right: 0;}
    .pr10-md { padding-right: 10px;}
    .pr20-md { padding-right: 20px;}
    .pr30-md { padding-right: 30px;}
    .pr40-md { padding-right: 40px;}
    .pr50-md { padding-right: 50px;}
    .ml0-md { margin-left: 0;}
    .ml10-md { margin-left: 10px;}
    .ml20-md { margin-left: 20px;}
    .ml30-md { margin-left: 30px;}
    .ml40-md { margin-left: 40px;}
    .ml50-md { margin-left: 50px;}
    .mr0-md { margin-right: 0;}
    .mr10-md { margin-right: 10px;}
    .mr20-md { margin-right: 20px;}
    .mr30-md { margin-right: 30px;}
    .mr40-md { margin-right: 40px;}
    .mr50-md { margin-right: 50px;}
}

@media (min-width: 1200px) {
    .m0-lg { margin: 0;}
    .mt0-lg { margin-top: 0;}
    .mt10-lg { margin-top: 10px;}
    .mt20-lg { margin-top: 20px;}
    .mt30-lg { margin-top: 30px;}
    .mt40-lg { margin-top: 40px;}
    .mt50-lg { margin-top: 50px;}
    .mb0-lg { margin-bottom: 0;}
    .mb10-lg { margin-bottom: 10px;}
    .mb20-lg { margin-bottom: 20px;}
    .mb30-lg { margin-bottom: 30px;}
    .mb40-lg { margin-bottom: 40px;}
    .mb50-lg { margin-bottom: 50px;}
    .mv0-lg { margin-top: 0; margin-bottom: 0;}
    .mv10-lg { margin-top: 10px; margin-bottom: 10px;}
    .mv20-lg { margin-top: 20px; margin-bottom: 20px;}
    .mv30-lg { margin-top: 30px; margin-bottom: 30px;}
    .mv40-lg { margin-top: 40px; margin-bottom: 40px;}
    .mv50-lg { margin-top: 50px; margin-bottom: 50px;}
    .mh0-lg { margin-left: 0; margin-right: 0;}
    .mh10-lg { margin-left: 10px; margin-right: 10px;}
    .mh20-lg { margin-left: 20px; margin-right: 20px;}
    .mh30-lg { margin-left: 30px; margin-right: 30px;}
    .mh40-lg { margin-left: 40px; margin-right: 40px;}
    .mh50-lg { margin-left: 50px; margin-right: 50px;}
    .p0-lg { padding: 0;}
    .pt0-lg { padding-top: 0;}
    .pt10-lg { padding-top: 10px;}
    .pt20-lg { padding-top: 20px;}
    .pt30-lg { padding-top: 30px;}
    .pt40-lg { padding-top: 40px;}
    .pt50-lg { padding-top: 50px;}
    .pb0-lg { padding-bottom: 0;}
    .pb10-lg { padding-bottom: 10px;}
    .pb20-lg { padding-bottom: 20px;}
    .pb30-lg { padding-bottom: 30px;}
    .pb40-lg { padding-bottom: 40px;}
    .pb50-lg { padding-bottom: 50px;}
    .pv0-lg { padding-top: 0; padding-bottom: 0;}
    .pv10-lg { padding-top: 10px; padding-bottom: 10px;}
    .pv20-lg { padding-top: 20px; padding-bottom: 20px;}
    .pv30-lg { padding-top: 30px; padding-bottom: 30px;}
    .pv40-lg { padding-top: 40px; padding-bottom: 40px;}
    .pv50-lg { padding-top: 50px; padding-bottom: 50px;}
    .ph0-lg { padding-left: 0; padding-right: 0;}
    .ph10-lg { padding-left: 10px; padding-right: 10px;}
    .ph20-lg { padding-left: 20px; padding-right: 20px;}
    .ph30-lg { padding-left: 30px; padding-right: 30px;}
    .ph40-lg { padding-left: 40px; padding-right: 40px;}
    .ph50-lg { padding-left: 50px; padding-right: 50px;}

    .pl0-lg { padding-left: 0;}
    .pl10-lg { padding-left: 10px;}
    .pl20-lg { padding-left: 20px;}
    .pl30-lg { padding-left: 30px;}
    .pl40-lg { padding-left: 40px;}
    .pl50-lg { padding-left: 50px;}
    .pr0-lg { padding-right: 0;}
    .pr10-lg { padding-right: 10px;}
    .pr20-lg { padding-right: 20px;}
    .pr30-lg { padding-right: 30px;}
    .pr40-lg { padding-right: 40px;}
    .pr50-lg { padding-right: 50px;}
    .ml0-lg { margin-left: 0;}
    .ml10-lg { margin-left: 10px;}
    .ml20-lg { margin-left: 20px;}
    .ml30-lg { margin-left: 30px;}
    .ml40-lg { margin-left: 40px;}
    .ml50-lg { margin-left: 50px;}
    .mr0-lg { margin-right: 0;}
    .mr10-lg { margin-right: 10px;}
    .mr20-lg { margin-right: 20px;}
    .mr30-lg { margin-right: 30px;}
    .mr40-lg { margin-right: 40px;}
    .mr50-lg { margin-right: 50px;}
}



@media (min-width: 768px)  {

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px)  {

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}



.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}


.container-half {
    padding-left:15px;
    padding-right:15px;
}




@media (min-width: 768px) {


    .container {
        width: 750px;
    }
    .container-half {
        width: 375px;

    }

    .container-left-half {
        float:right;

    }
    .container-right-half {
        float:left;

    }

}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
    .container-half {
        width: 435px;

    }
}
@media (min-width: 1200px) {
    .container {
        width: 1070px;
    }
    .container-half {
        width: 535px;

    }
}


@media (min-width: 1230px) {
    .container {
        width: 1100px;
    }
    .container-half {
        width: 550px;

    }
}

@media (min-width: 1330px) {
    .container {
        width: 1200px;
    }
    .container-half {
        width: 600px;

    }
}

@media (min-width: 1430px) {
    .container {
        width: 1300px;
    }
    .container-half {
        width: 650px;

    }
}

@media (min-width: 1530px) {
    .container {
        width: 1400px;
    }
    .container-half {
        width: 700px;

    }
}

@media (min-width: 1630px) {
    .container {
        width: 1500px;
    }
    .container-half {
        width: 750px;

    }
}

/*

FULL HEIGHT COLUMNS

http://www.bootply.com/bOH0QUtPoY# *
http://jsfiddle.net/W29Wh/

<div class="container table-container" style="width:100%;">
    <div class="row table-row">
        <div class="col-lg-4 table-col back-green"></div>
        <div class="col-lg-4 table-col back-red"></div>
        <div class="col-lg-4 table-col back-blue"></div>
    </div>
</div>

*/


.table-container {
    display: table;
}

.table-container .table-row {
    height: 100%;
    display: table-row;
}

.table-container .table-row .table-col {
    display: table-cell;
    float: none;
    vertical-align:top;
    padding:0;
    margin:0;
}


@media (max-width: 767px) {
    .table-container .table-row .table-col {
        display:block;
    }
}



.section-bg {
    background-position: center center;
    background-size: cover;
}

.section-bg-px {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width:992px) {
    .section-bg-px {
        background-attachment: fixed;
    }
}




/*
.aaa-section-bg {
    background: url('');
}


.btn {
    white-space: normal;
}

*/