/* ======================================================= */
/*                   General Classes                       */
/* ======================================================= */


/*  Columns
---------------------------------------------------------- */
.column p{
    margin-right: 1.5em !important;
    overflow: hidden;
    word-break: hyphenate;
}
.column h1,
.column h2{
    padding: .5em 0;
}


/*  Content
---------------------------------------------------------- */
.content_block h2 {
    -webkit-column-break-before:always;
    -moz-column-break-before:always;
    column-break-before:always;
}


/*-----------------------------------------------------------------
 * = Buttons
 *-----------------------------------------------------------------*/

.bttn ~ .bttn {
margin-left: 10px;
}

.bttn-metro {
    text-shadow:none !important;
    background-image:none !important;
    border:none !important;
    -webkit-border-radius:0 !important;
    -moz-border-radius:0 !important;
    border-radius:0 !important;
    -webkit-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05) !important;
    box-shadow:inset 0 0 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05) !important;
    font-family: 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif !important;
    float: left !important;
    background: #73B43D !important;
    color: white !important;
    padding: 7px 15px !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    line-height: 24px !important;
    }
    .bttn-metro:hover {
        background: #649C3C !important;
        color: white!important;
    }

.bttn-origin{
    padding: 3px 9px 3px 7px!important;
    color: white!important;
    background: #DB5629!important;
    border: none!important;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
    text-shadow: none!important;
    }
    .bttn-origin:hover{
        background: #222!important;
        -webkit-transition:background-color .5s linear!important;
        }

.bttn-pure-web {
    margin-left: 10px!important;
    background-color: #4a93a4!important;
    padding: 7px 10px!important;
    color: rgba(9, 15, 30, 0.8)!important;
    text-transform: uppercase!important;
    border: 1px solid #2c398d!important;
    font-weight: bold!important;
    font-size: 15px!important;
    -moz-border-radius: 3px!important;
    -webkit-border-radius: 3px!important;
    -border-radius: 3px!important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8), 0 -1px 0 rgba(25, 27, 9, 0.9)!important;
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 5px 0 #3a79a4, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 5px 0 #3a79a4, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    -box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.6), 0 5px 0 #3a79a4, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    -webkit-transition: background 0.2s ease-out!important;
    }
    .bttn-pure-web:hover,
    .bttn-pure-web:focus {
        background: #649eac!important;
        border: 1px solid #186ca4!important;
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.7), inset 0 2px 1px rgba(255, 255, 255, 0.5), 0 5px 0 #4886b1, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.7), inset 0 2px 1px rgba(255, 255, 255, 0.5), 0 5px 0 #4886b1, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
        -box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.7), inset 0 2px 1px rgba(255, 255, 255, 0.5), 0 5px 0 #4886b1, 0 6px 0 #593a11, 0 13px 0 #ccc!important;
    }
    .bttn-pure-web:active {
        background: #4a86a4!important;
        border: 1px solid #183ea4!important;
        position: relative!important;
        top: 5px!important;
        -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 3px 0 #205993, 0 4px 0 #593a11, 0 8px 0 #ccc!important;
        -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 3px 0 #205993, 0 4px 0 #593a11, 0 8px 0 #ccc!important;
        -box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0 3px 0 #205993, 0 4px 0 #593a11, 0 8px 0 #ccc!important;
        }

.bttn-black-pill {
    color: #ffffff!important;
    background: -moz-linear-gradient(
        top,
        #f0ebef 0%,#474046 25%,
        #1f091c)!important;
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#f0ebef),color-stop(0.25, #474046),
        to(#1f091c))!important;
    border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    border: 3px solid #575057!important;
    -moz-box-shadow:
        0px 3px 11px rgba(242,239,242,0.5),
        inset 0px 0px 1px rgba(230,216,228,1)!important;
    -webkit-box-shadow:
        0px 3px 11px rgba(242,239,242,0.5),
        inset 0px 0px 1px rgba(230,216,228,1)!important;
    text-shadow:
        0px -1px 0px rgba(008,005,008,0.2),
        0px 1px 0px rgba(179,170,179,0.3)!important;
}

.bttn-apple {
    color: #050505!important;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,#ebebeb 50%,#dbdbdb 50%,
        #b5b5b5)!important;
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff),color-stop(0.50, #ebebeb),color-stop(0.50, #dbdbdb),
        to(#b5b5b5))!important;
    border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    border: 1px solid #949494!important;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1)!important;
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1)!important;
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,1)!important;
}

.bttn-eyecandy{
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 14px!important;
    color: #ffffff!important;
    padding: 10px 20px !important;
    background: -moz-linear-gradient(
        top,
        #ffbdf5 0%,
        #ff82ec 25%,
        #fc46e1)!important;
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffbdf5),
        color-stop(0.25, #ff82ec),
        to(#fc46e1))!important;
    border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    -webkit-border-radius: 30px!important;
    border: 3px solid #ffffff !important;
    -moz-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,000,217,1)!important;
    -webkit-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5),
        inset 0px 0px 1px rgba(255,000,217,1)!important;
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3)!important;
}


/*  Frames
---------------------------------------------------------- */
.content_block .frame {
    background: #f9f9f9;
    border: 1px solid #ddd;
    display: block;
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    }
    .content_block .frame.large {
        padding: 1em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);
        }
    .content_block .frame.dark {
        background: #444;
        border: 1px solid #999;
    }
    .content_block .frame.large img {
        background: #fff;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
           -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                }

.content_block .wp-frame {
    background: #F7FCFE !important;
    border: 1px solid #fff;
    outline: 1px solid #d1e5ee;
    }

.content_block .cc-frame {
    background: #E0E0E0 !important;
    border: 1px solid #f9f9f9;
    outline: 1px solid #a9a7a8;
    }

.content_block .impulse-frame {
    background: #FBFBFB !important;
    border: 1px solid #F7F7F7;
}

.content_block .cool-frame {
    border-radius: 6px;
    border: 1px solid #D2D3D4;
    box-shadow: white 0px 1px 0px, rgba(0, 0, 0, 0.0588235) 0px 2px 3px inset, rgba(0, 0, 0, 0.0392157) 0px 0px 2px inset;
}

.content_block .striped-frame {
    border-radius: 8px;
    border: 1px solid #CCC;
    background: white url(../images/tilables/stripes.png) repeat;
    -webkit-box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    }

/*  Image Fx
---------------------------------------------------------- */
.content_block .fade-on-hover:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8;
    }


/*  Box model
---------------------------------------------------------- */
.content_block .radius {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }
.content_block .radius-large {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    }
.content_block .shadow {
    -moz-box-shadow: 0 1px 2px #666;
    -webkit-box-shadow: 0 1px 2px #666;
    box-shadow: 0 1px 2px #666;
    }
.content_block .shadow-large {
    -moz-box-shadow: 0 9px 9px #666;
    -webkit-box-shadow: 0 9px 9px #666;
    box-shadow: 0 9px 9px #666;
    }
.content_block .shadow-subtile {
    -moz-box-shadow: 0 5px 8px -4px rgba(68,68,68,0.6);
    -webkit-box-shadow: 0 5px 8px -4px rgba(68,68,68,0.6);
    box-shadow: 0 5px 8px -4px rgba(68,68,68,0.6);
    }
.content_block .shadow-inner {
    -moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    box-shadow:         inset 0 0 10px rgba(0,0,0,0.5);
    }


/*  Font
---------------------------------------------------------- */
.content_block .color-light {
    color: #fff !important;
    }
.content_block .color-dark {
    color: #333 !important;
    }
.content_block .font-bold {
    font-weight: bold;
}
.content_block .font-xsmall {
    font-size: 11px;
    line-height: 18px;
}
.content_block .font-small {
    font-size: 12px !important;
    line-height: 18px;
    }
.content_block .font-large {
    font-size: 16px !important;
    line-height: 26px;
    }
.content_block .font-xlarge {
    font-size: 22px !important;
    line-height: 29px;
    }
.content_block .font-xxlarge {
    font-size: 26px !important;
    line-height: 34px;
    }
.content_block .text-shadow-light {
    text-shadow: 0 1px #fff;
    }
.content_block .text-shadow-dark {
    text-shadow: 0 1px #333;
    }
.content_block .text-uppercase {
    text-transform: uppercase;
}
.content_block .text-lowercase {
    text-transform: lowercase;
}
.content_block .text-capitalize {
    text-transform: capitalize;
}
.content_block .text-initial {
    text-transform: initial;
}

/*  Backgrounds
---------------------------------------------------------- */

.gradient-light {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fdfdfd', endColorstr = '#f1f2f3');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fdfdfd', endColorstr = '#f1f2f3')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #fdfdfd, #f1f2f3);
    background-image: -ms-linear-gradient(top, #fdfdfd, #f1f2f3);
    background-image: -o-linear-gradient(top, #fdfdfd, #f1f2f3);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fdfdfd), to(#f1f2f3));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #f1f2f3);
    background-image: linear-gradient(top, #fdfdfd, #f1f2f3);
    /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
    }
.gradient-dark {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#333333', endColorstr = '#5e5e65');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#333333', endColorstr = '#5e5e65')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #333333, #5e5e65);
    background-image: -ms-linear-gradient(top, #333333, #5e5e65);
    background-image: -o-linear-gradient(top, #333333, #5e5e65);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#333333), to(#5e5e65));
    background-image: -webkit-linear-gradient(top, #333333, #5e5e65);
    background-image: linear-gradient(top, #333333, #5e5e65);
    /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
    }
.gradient-dark-reverse {
    background-image: url('../images/gradients/gradient-dark-reverse.png'); /* Explicitly set background-image, so background-color can be set in options panel */
    background-repeat: repeat-x;
    }


.dark-stripes {
    background: transparent url('../images/tilables/dark-stripes.png') repeat;
    }
.light-stripes {
    background: transparent url('../images/tilables/light-stripes.png') repeat;
    }
.pool-table {
    background: transparent url('../images/tilables/pool-table.png') repeat;
    }
.brushed-alu-dark {
    background: transparent url('../images/tilables/brushed-alu-dark.png') repeat;
    }
.carbon-fibre {
    background: transparent url('../images/tilables/carbon-fibre.png') repeat;
    }
.dark-mosaic {
    background: transparent url('../images/tilables/dark-mosaic.png') repeat;
    }
.light-mosaic {
    background: transparent url('../images/tilables/light-mosaic.png') repeat;
    }
.noise-pattern-with-crosslines {
    background: transparent url('../images/tilables/noise-pattern-with-crosslines.png') repeat;
    }
.old-mathematics {
    background: transparent url('../images/tilables/old-mathematics.png') repeat;
    }
.random-grey-variations {
    background: transparent url('../images/tilables/random-grey-variations.png') repeat;
    }
.washi {
    background: transparent url('../images/tilables/washi.png') repeat;
    }
.pinstripes {
    background: transparent url('../images/tilables/pinstripes.png') repeat;
    }

.grey-white {
    background: rgb(229,229,229); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 3px 4px rgba(0, 0, 0, 0.3);
    }
    .grey-white:hover {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.35);
        }

.caldew {
    padding: 10px 5px !important;
    background: #D2C4B0 0 0 url(../images/bg-linen.png) repeat;
    background: url(../images/bg-linen.png),rgba(191, 171, 139, 0.8);
    box-shadow: #646464 0px 0px 20px !important;
    }
    .caldew:hover {
        background: url(../images/bg-linen.png) #C1D72E;
        background: url(../images/bg-linen.png) -moz-linear-gradient(top, rgba(193, 215, 46, 1) 0%, rgba(255, 255, 255, 1) 100%);
        background: url(../images/bg-linen.png) -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193, 215, 46, 1)), color-stop(100%,rgba(255, 255, 255, 1)));
        background: url(../images/bg-linen.png) -webkit-linear-gradient(top, rgba(193, 215, 46, 1) 0%,rgba(255, 255, 255, 1) 100%);
        background: url(../images/bg-linen.png) -o-linear-gradient(top, rgba(193, 215, 46, 1) 0%,rgba(255, 255, 255, 1) 100%);
        background: url(../images/bg-linen.png) -ms-linear-gradient(top, rgba(193, 215, 46, 1) 0%,rgba(255, 255, 255, 1) 100%);
        background: url(../images/bg-linen.png) linear-gradient(top, rgba(193, 215, 46, 1) 0%,rgba(255, 255, 255, 1) 100%);
        box-shadow: #464646 0px 0px 25px !important;
        color: white !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d72e', endColorstr='#c1d72e',GradientType=0 );
        }
        .caldew,
        .caldew .block_heading,
        .caldew .block_content,
        .caldew:hover {
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
            }

        .caldew:hover .block_heading,
        .caldew:hover .block_content,
        .caldew:hover .date,
        .caldew:hover .location {
            color: white !important;
            text-shadow: 0px 7px 5px rgba(0, 0, 0, 0.1), 5px 10px 5px rgba(0, 0, 0, 0.05), -5px 10px 5px rgba(0, 0, 0, 0.05) !important;
            }

.white-grey {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.35);

    }
    .white-grey:hover {
        background: rgb(229,229,229); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
        background: linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

        box-shadow: 0 0 4px rgba(0, 0, 0, 0.25), 0 3px 4px rgba(0, 0, 0, 0.3);
        }

.grey-3d {
    background: #f2f5f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
    background: linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
    }
    .grey-3d:hover{
        background: #596a72; /* Old browsers */
        background: -moz-linear-gradient(top,  #596a72 0%, #cedce7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#596a72), color-stop(100%,#cedce7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #596a72 0%,#cedce7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #596a72 0%,#cedce7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #596a72 0%,#cedce7 100%); /* IE10+ */
        background: linear-gradient(top,  #596a72 0%,#cedce7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#cedce7',GradientType=0 ); /* IE6-9 */
        }

.grey-blue-3d {
    background: #cfe7fa; /* Old browsers */
    background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* IE10+ */
    background: linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
    }
    .grey-blue-3d:hover{
        background: #6393c1; /* Old browsers */
        background: -moz-linear-gradient(top,  #6393c1 0%, #cfe7fa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6393c1), color-stop(100%,#cfe7fa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #6393c1 0%,#cfe7fa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #6393c1 0%,#cfe7fa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #6393c1 0%,#cfe7fa 100%); /* IE10+ */
        background: linear-gradient(top,  #6393c1 0%,#cfe7fa 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6393c1', endColorstr='#cfe7fa',GradientType=0 ); /* IE6-9 */
        }

.grey-gloss-3d{
    background: #d4e4ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #d4e4ef 0%, #86aecc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4e4ef), color-stop(100%,#86aecc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* IE10+ */
    background: linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
    }
    .grey-gloss-3d:hover{
        background: #86aecc; /* Old browsers */
        background: -moz-linear-gradient(top,  #86aecc 0%, #d4e4ef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86aecc), color-stop(100%,#d4e4ef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #86aecc 0%,#d4e4ef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #86aecc 0%,#d4e4ef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #86aecc 0%,#d4e4ef 100%); /* IE10+ */
        background: linear-gradient(top,  #86aecc 0%,#d4e4ef 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aecc', endColorstr='#d4e4ef',GradientType=0 ); /* IE6-9 */
        }

.green-3d{
    background: #cdeb8e; /* Old browsers */
    background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
    background: linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
    }
    .green-3d:hover{
        background: #a5c956; /* Old browsers */
        background: -moz-linear-gradient(top,  #a5c956 0%, #cdeb8e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5c956), color-stop(100%,#cdeb8e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #a5c956 0%,#cdeb8e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #a5c956 0%,#cdeb8e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #a5c956 0%,#cdeb8e 100%); /* IE10+ */
        background: linear-gradient(top,  #a5c956 0%,#cdeb8e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c956', endColorstr='#cdeb8e',GradientType=0 ); /* IE6-9 */
    }

.orange-3d {
    background: #f9c667; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* IE10+ */
    background: linear-gradient(top,  #f9c667 0%,#f79621 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */
    }
    .orange-3d:hover{
        background: #f79621; /* Old browsers */
        background: -moz-linear-gradient(top,  #f79621 0%, #f9c667 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f79621), color-stop(100%,#f9c667)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f79621 0%,#f9c667 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f79621 0%,#f9c667 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f79621 0%,#f9c667 100%); /* IE10+ */
        background: linear-gradient(top,  #f79621 0%,#f9c667 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79621', endColorstr='#f9c667',GradientType=0 ); /* IE6-9 */
        }

.red-3d {
    background: #febbbb; /* Old browsers */
    background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
    background: linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
    }
    .red-3d:hover{
        background: #ff5c5c; /* Old browsers */
        background: -moz-linear-gradient(top,  #ff5c5c 0%, #fe9090 55%, #febbbb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5c5c), color-stop(55%,#fe9090), color-stop(100%,#febbbb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ff5c5c 0%,#fe9090 55%,#febbbb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ff5c5c 0%,#fe9090 55%,#febbbb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ff5c5c 0%,#fe9090 55%,#febbbb 100%); /* IE10+ */
        background: linear-gradient(top,  #ff5c5c 0%,#fe9090 55%,#febbbb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5c5c', endColorstr='#febbbb',GradientType=0 ); /* IE6-9 */
        }

.pink-gloss{
    background: #fcecfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcecfc 0%, #fba6e1 50%, #fd89d7 51%, #ff7cd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcecfc), color-stop(50%,#fba6e1), color-stop(51%,#fd89d7), color-stop(100%,#ff7cd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* IE10+ */
    background: linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 51%,#ff7cd8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 ); /* IE6-9 */
    }
    .pink-gloss:hover{
        background: #ff7cd8; /* Old browsers */
        background: -moz-linear-gradient(top,  #ff7cd8 0%, #fd89d7 49%, #fba6e1 50%, #fcecfc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7cd8), color-stop(49%,#fd89d7), color-stop(50%,#fba6e1), color-stop(100%,#fcecfc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ff7cd8 0%,#fd89d7 49%,#fba6e1 50%,#fcecfc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ff7cd8 0%,#fd89d7 49%,#fba6e1 50%,#fcecfc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ff7cd8 0%,#fd89d7 49%,#fba6e1 50%,#fcecfc 100%); /* IE10+ */
        background: linear-gradient(top,  #ff7cd8 0%,#fd89d7 49%,#fba6e1 50%,#fcecfc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7cd8', endColorstr='#fcecfc',GradientType=0 ); /* IE6-9 */
        }

.wax-3d{
    background: #fcfff4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
    background: linear-gradient(top,  #fcfff4 0%,#e9e9ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
    }
    .wax-3d:hover{
        background: #e9e9ce; /* Old browsers */
        background: -moz-linear-gradient(top,  #e9e9ce 0%, #fcfff4 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9ce), color-stop(100%,#fcfff4)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #e9e9ce 0%,#fcfff4 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #e9e9ce 0%,#fcfff4 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #e9e9ce 0%,#fcfff4 100%); /* IE10+ */
        background: linear-gradient(top,  #e9e9ce 0%,#fcfff4 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9ce', endColorstr='#fcfff4',GradientType=0 ); /* IE6-9 */
        }

.white-gloss{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    .white-gloss:hover{
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 49%, #f3f3f3 50%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ededed), color-stop(50%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 49%,#f3f3f3 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#ededed 49%,#f3f3f3 50%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 49%,#f3f3f3 50%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(top,  #ffffff 0%,#ededed 49%,#f3f3f3 50%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        }

.black-3d{
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
    background: linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
    }

.transparent{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }
.transparent-reverse{
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    }

.radial-black{
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.radial-web-blue{
    background: rgb(197,222,234); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(197,222,234,1)), color-stop(31%,rgba(138,187,215,1)), color-stop(100%,rgba(6,109,171,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.radial-blue{
    background: rgb(147,206,222); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(147,206,222,1)), color-stop(41%,rgba(117,189,209,1)), color-stop(100%,rgba(73,165,191,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(147,206,222,1) 0%,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.radial-wax{
    background: rgb(252,255,244); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.radial-orange{
    background: rgb(249,198,103); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(249,198,103,1) 0%, rgba(247,150,33,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(249,198,103,1)), color-stop(100%,rgba(247,150,33,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.radial-olive{
    background: rgb(228,239,192); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(228,239,192,1) 0%, rgba(171,189,115,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(228,239,192,1)), color-stop(100%,rgba(171,189,115,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(228,239,192,1) 0%,rgba(171,189,115,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }
.radial-brown{
    background: rgb(213,206,166); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(213,206,166,1)), color-stop(40%,rgba(201,193,144,1)), color-stop(100%,rgba(183,173,112,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }


/*  Fontfaces
---------------------------------------------------------- */
@font-face {
    font-family: 'Bebas';
    src: url('../fonts/bebas/BEBAS___-webfont.eot');
    src: url('../fonts/bebas/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/bebas/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/bebas/BEBAS___-webfont.svg#Bebas') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/bebasneue/BebasNeue-webfont.eot');
    src: url('../fonts/bebasneue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/bebasneue/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue/BebasNeue-webfont.svg#BebasNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Colaborate';
    src: url('../fonts/colaborate/ColabReg-webfont.eot');
    src: url('../fonts/colaborate/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colaborate/ColabReg-webfont.woff') format('woff'),
         url('../fonts/colaborate/ColabReg-webfont.ttf') format('truetype'),
         url('../fonts/colaborate/ColabReg-webfont.svg#Colaborate') format('svg');
    font-weight: normal;
    font-style: normal;
}