*
{
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
    box-sizing: border-box;
}

footer, header, nav
{
    display:block;
}

html, body
{
    width:100%;
    height:100%;
    background-color:#FFF;
    -webkit-text-size-adjust:100%; 
}

body
{
    margin:0;
    font-family:Netto;
    text-align:center;
    overflow-y: scroll;
}

h1
{
    font-size:52px;
    line-height:60px;
    font-weight:200;
    margin:0 0 12px -4px;
}

h2
{
    font-size:24px;
    line-height:31px;
    font-weight:200;
    margin:0 0 18px -2px;
}

h3
{
    font-size:24px;
    line-height:31px;
    font-weight:200;
    margin:0 0 12px -2px;
}

.small{
    font-size:12px;
    line-height:15px;
    font-family:Netto;
}

.text a
{
    text-decoration:none;
    color:#bf9b62;
}



@media screen and (max-width: 768px)
{
    h1
    {
        font-size:36px;
        line-height:42px;
        font-weight:normal;
        margin:0 0 12px -2px;
    }
    h2
    {
        font-size:20px;
        line-height:25px;
        margin:0 0 12px -1px;
    }
}

@media screen and (max-width: 480px)
{
    h1
    {
        font-size:24px;
        line-height:30px;
        margin:0 0 12px -1px;
    }

    h2
    {
        font-size:16px;
        line-height:23px;
        font-weight:normal;
        margin:0 0 12px 0;
    }
}

p
{
    font-size:16px;
    line-height:23px;
    margin:0 0 12px 0; 
}

section .text ul
{
    font-size:16px;
    line-height:23px;
    margin:2px 0 12px 0; 
}

a
{
    outline:none;
}

a:active
{
    outline:none;
}

.main-form
{

    width:100%;
    height:100%;
}

section
{
    width:100%;
}

section.odd
{
    background-color:#FFF;
    color:#444;
}

section.even
{
    background-color:#F2F2F2;
    color:#444;
}

section.alert
{
    background-color:#F6BB42;
    color:#FFF;
}

section.even.intro .text
{
    padding:60px 40px 12px 40px!important;
}

section .text
{
    width:100%;
    max-width:1024px;
    padding:60px 40px;
    margin:0 auto;
    text-align:left;
    margin-bottom:-4px;
}

section .text img
{
    width:100%;
    height:auto;
}
section.spacer
{
    width:100%;
}


@media screen and (min-width: 769px)
{
    section .text .cols
    {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 80px;
        -moz-column-gap: 80px;
        column-gap: 80px;
    }

    section.spacer
    {
        height:170px;
    }
}

@media screen and (max-width: 768px)
{
    section.spacer
    {
        height:60px;
    }

}

section .text .cols img
{
    width:100%;
    height:auto;
}


section.hide
{
    display:none!important;
}






ol
{
    font-size:16px;
    line-height:23px;
}

ol li
{
    padding-bottom:12px;
}

section table
{
    margin-top:36px;
    line-height:23px;
}

section td
{
    -padding:2px 0;
}

@media screen and (max-width: 640px)
{
    section table {
        margin-bottom:36px;
    }
}

@media screen and (max-width: 480px)
{
    section table {
        font-size:12px;
    }

    section table td {
        padding-right:12px;
    }
}





@media screen and (max-width: 480px)
{
    .partner img
    {
        width:calc(100% /2 - 40px);
    }
}

p.small
{
    font-size:12px;
    margin:0;
}

/* ----------------------------------------------------------------------------------------------------
IFrame
---------------------------------------------------------------------------------------------------- */

iframe{
    width:100% !important;
}

/* ----------------------------------------------------------------------------------------------------
Print
---------------------------------------------------------------------------------------------------- */

@media screen
{
    .print
    {
        display:none!important;
    }
}

@media print
{
    .noprint
    {
        display:none!important;
    }

    #footer-print
    {
        margin-top:60px;
    }

    #footer-print img
    {
        width:120px;
        padding-bottom:12px;
        opacity:0.75
    }

    *
    {
        color:#000!important;
        background:none!important;
        transition:none!important;
        transform:none!important;
        -webkit-transform:none!important;
    }

    body
    {
        text-align:left!important;
    }

    section
    {
        padding:0 0 60px 0!important;
    }

    section .text
    {
        margin:0!important;
        color:#000;
        padding:0!important;
    }

    .transition
    {
        opacity:1!important;
    }

    h1
    {
        font-size:32px!important;
        line-height:38px!important;
        margin-bottom:12px!important;
        margin-left:0!important;
    }

    h2
    {
        font-size:20px!important;
        line-height:26px;
        margin-left:0!important;
        margin-bottom:20px!important;
    }

    h3 {
        margin: 0 0 4px 0;
        font-size: 14px;
        line-height: 19px;
    }

    p
    {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 12px 0;
    }

    li
    {
        font-size: 14px;
        line-height: 19px;
    }

    td, th
    {
        font-size: 14px;
        line-height: 19px;
    }

    td
    {
        font-size: 14px;
        line-height: 19px;
        padding:2px 0!important;
    }

    .link-icon
    {
        color:#999!important;
        opacity:0.75
    }

    .details
    {
        top:0!important;
        left:0!important;
        width:100%;
        height:auto!important;
        overflow:visible!important;
    }

    .detail
    {
        position:relative!important;
        left:0!important;
        top:0!important;
        width:100%!important;
        height:auto!important;
        overflow:visible!important;
        padding-bottom:40px;
    }

    
    section.even.intro .text
    {
        padding:60px 0 12px 0!important;
    }

    section .text img {
        width: 230px !important;
        height: auto;
    }
}

/* ----------------------------------------------------------------------------------------------------
Rows and Cols
---------------------------------------------------------------------------------------------------- */

.row
{
    width:100%;
    max-width:1024px;
    margin:0 auto;
    text-align:left;
    position:relative;
}

.row.padding,
.col.padding
{
    padding:20px;
}

.row.padding-h,
.col.padding-h
{
    padding:0 20px;
}

.row.padding-v,
.col.padding-v
{
    padding:20px 0;
}

.col
{
    display:inline-block;
    margin-right:-4px;
    position:relative;
    vertical-align:top;
}

.col-2
{
    width:calc(100% / 6);
}

.col-3
{
    width:calc(100% / 4);
}

.col-4
{
    width:calc(100% / 3);
}

.col-6
{
    width:calc(100% / 2);
}

.col-12
{
    width:100%;
}

@media screen and (max-width: 768px)
{
    .col-2,
    .col-3,
    .col-6,
    .col-9
    {
        width:100%;
    }
}


/* ----------------------------------------------------------------------------------------------------
Ripples
---------------------------------------------------------------------------------------------------- */
.ripples
{
    position:relative;
    overflow:hidden;
}

.ripples:after
{
    content: "";
    background: rgba(255,255,255,0.3);
    display: block;
    position: absolute;
    border-radius: 50%;
    padding-top: 240%;
    padding-left: 240%;
    margin-top: -120%;
    margin-left: -120%;
    opacity: 0;
    transition: all 1s;
    top:15%;
    left:30%;
}


.ripples:active:after
{
    padding-top: 0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0;
    opacity: 1;
    transition: 0s;
}


/* ----------------------------------------------------------------------------------------------------
Button
---------------------------------------------------------------------------------------------------- */
.btn
{
    display:inline-block;
    position:relative;
    text-decoration:none;
    text-transform:uppercase;
    color:#444;
    transition: all 0.125s ease-in-out;
    padding-top:8px;
    padding-bottom:8px;
    cursor:pointer;
}

.btn-primary
{
    border:solid 1px #444;
    padding-left:16px;
    padding-right:16px;
}

.btn-small
{
    font-weight:bold;
    font-size:12px;
    line-height: 12px;
}

.btn-primary:hover
{
    border:solid 1px #444;
    color:#FFF;
    background-color:#444;
}

.btn-primary.active
{
    color:#bf9b62;
    background-color:#444;
}

.btn.margin-r
{
    margin-right:10px;
}

.btn.margin-l
{
    margin-left:10px;
}

.btn-icon
{
    padding-left:36px;
}

.btn-icon i
{
    position:absolute;
    top:3px;
    left:6px;
    font-size:22px;
}

.dropdown
{
    font-family:Netto;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    color:#444;
    border:solid 1px #444;
    background-color: #F2F2F2;
    padding:7px 12px 6px 12px;
    position:relative;
    top:-11px;
}



/* ----------------------------------------------------------------------------------------------------
Icon Link
---------------------------------------------------------------------------------------------------- */

.link-icon
{
    display:inline-block;
    margin-top:12px;
    color:#444!important;
}

.link-icon:hover
{
    color:#bf9b62!important;
}


.link-icon i
{
    font-size:54px;
    display:inline-table;
    vertical-align:top;
    text-indent:-4px;
    margin-right:6px;
}

.link-icon .link-text
{
    display:inline-table;
    vertical-align:top;
    
}

.link-icon .link-text-1
{
    display:block;
    font-size:24px;
    line-height:28px;
    font-weight:bold;
    margin-top:3px;
}

.link-icon .link-text-2
{
    display:block;
    font-size:14px;
    line-height:17px;
    margin-top:2px;
}

/* ----------------------------------------------------------------------------------------------------
Pager
---------------------------------------------------------------------------------------------------- */
.pager
{
    list-style-type:none;
    margin:0 auto;
    padding:10px 40px;
    width:100%;
    max-width:1024px;
    text-align:left;
}

.pager li
{
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
}


.lg-counter-title
{
    padding-left:24px;
}