Utilities
CSS Minifier
Online CSS Minifier Tool and Compressor, with Fast and Simple API Access
Input CSS
.linkfade {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shadow {
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3)
}

.text_shadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400
}

a:hover,
a:active,
a:focus {
    outline: 0
}

em {
    font-style: italic
}

img {
    max-width: 100%
}

body {
    background-color: #d9c8ae;
    font-family: Roboto, Arial, sans-serif;
    font-size: .9rem;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    color: #333
}

.clearfloats:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

a,
a:hover {
    text-decoration: none
}

.fa {
    font-family: FontAwesome
}

h1,
h2,
h3,
h4,
h5 {
    color: #141B27;
    font-family: EngraversGothic-Regular, Arial, sans-serif;
    letter-spacing: 1px;
    margin-bottom: 5px
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 26px
}

h4 {
    font-size: 20px
}

.language_switch {
    max-width: 1300px;
    margin: 0 auto;
    text-align: right;
    padding: 10px 20px;
    font-size: 12px
}

.language_switch a {
    color: #4A6497;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.language_switch a:hover {
    color: #000
}

.language_switch a.active {
    color: #000
}

.header_banner {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: table;
    padding: 20px;
    background-color: rgba(74, 100, 151, .8);
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    border: 1px solid #293853
}

.header_banner div {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}

.header_left {
    display: table-cell;
    width: 330px;
    height: 360px
}

.header_left img {
    width: 300px;
    display: block;
    border: 1px solid #FFF
}

.header_center {
    display: table-cell;
    vertical-align: middle;
    padding-right: 30px
}

.header_center h1 {
    font-size: 40px;
    font-family: EngraversGothic-Bold, Arial, sans-serif;
    line-height: 70%;
    margin-bottom: 10px;
    color: #FFF
}

.header_center h1 span {
    font-size: 28px;
    white-space: nowrap;
    font-family: EngraversGothic-Regular, Arial, sans-serif
}

.header_center h1 span span {
    white-space: normal;
    font-size: 12px
}

.header_center h2 {
    font-size: 16px;
    color: #FFF
}

.header_center h2 span {
    /*white-space:nowrap*/
}

.header_right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    color: #FFF;
    text-transform: uppercase
}

.header_right span {
    display: block;
    white-space: nowrap;
    font-family: Roboto, Arial, sans-serif;
    line-height: 90%;
    margin-bottom: 10px
}

.nav {
    background: #141B27;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    font-weight: 700;
    display: block;
    list-style: none;
    margin: 0 auto;
    max-width: 1300px;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    border: 1px solid #141B27
}

.nav a {
    color: #CCC;
    text-decoration: none;
    display: inline-block;
    padding: 15px 1% 10px;
    margin: 0 4px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 15px
}

.nav a.menulink {
    display: none !important
}

.nav a:hover {
    color: #BD8935
}

.nav a.active {
    color: #FFF
}

.nav a.icon {
    display: none;
    padding: 0;
    margin: 0
}

.nav a:after {
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0;
    background: 0 0;
    transition: width .5s ease, background-color .5s ease;
    margin-top: 5px
}

.nav a:hover:after {
    width: 100%;
    background: #BD8935
}

.subnav {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 30px
}

.subnav span,
.subnav a {
    display: inline-block;
    padding: 10px 1% 5px 0;
    margin: 0 4px
}

.subnav a {
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.subnav a:link,
.subnav a:visited {
    color: #4A6396
}

.subnav a:after {
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0;
    background: 0 0;
    transition: width .5s ease, background-color .5s ease;
    margin-top: 5px
}

.subnav a:hover:after {
    width: 100%;
    background: #4A6396
}

.pagewrapper {
    max-width: 1300px;
    margin: 0 auto;
    padding: 3.5% 4% 2.25%;
    background-color: rgba(255, 255, 255, .93);
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3)
}

h3.page_title {
    font-size: 36px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #4A6497;
    letter-spacing: 2px
}

h3.page_title.has_subnav {
    margin-bottom: 10px
}

.pagewrapper h2 {
    padding-bottom: 5px;
    margin-bottom: 10px
}

.pagewrapper strong {
    font-weight: 700
}

.section {
    line-height: 140%;
    padding-bottom: 15px
}

.section.no_pb {
    padding-bottom: 0
}

.section p {
    padding-bottom: 15px
}

.section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.section.col1 .section_col {
    width: 100%;
    margin: 0 0 26px
}

.section.col2 .section_col {
    float: left;
    width: 48%;
    margin: 0 0 26px
}

.section.col2 .section_col:nth-child(2n+1) {
    clear: both;
    margin-right: 2%
}

.section.col2 .section_col:nth-child(2n) {
    margin-left: 2%
}

.section.col1_2 .section_col {
    float: left;
    margin: 0 0 26px
}

.section.col1_2 .section_col:nth-child(2n+1) {
    clear: both;
    margin-right: 2%;
    width: auto;
    min-width: 200px
}

.section.col1_2 .section_col:nth-child(2n) {
    margin-left: 2%;
    width: 60%
}

.section.col3 .section_col {
    float: left;
    width: 31%;
    margin: 0 0 26px
}

.section.col3 .section_col:nth-child(3n+1) {
    clear: both
}

.section.col3 .section_col:nth-child(3n+2) {
    margin-right: 3.5%;

    margin-left: 3.5%
}

#footer {
    padding: 20px 30px 50px;
    max-width: 1300px;
    margin: 0 auto;
    font-size: .8rem;
    color: rgba(0, 0, 0, .6);
    line-height: 120%
}

#footer .copyright {
    float: left;
    width: 50%;
    color: rgba(0, 0, 0, .6);
    padding: 0 0 20px 10%;
    text-align: center
}

#footer .footer_links {
    float: left;
    text-align: left;
    width: 15%;
    font-size: 1.8rem;
    padding-bottom: 20px
}

#footer .footer_links a:link,
#footer .footer_links a:visited {
    color: rgba(0, 0, 0, .5);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#footer .footer_links a:hover,
#footer .footer_links a:active {
    color: rgba(0, 0, 0, .9)
}

#footer .xlat_credit {
    float: right;
    text-align: right;
    width: 35%
}

#footer .xlat_credit a:link,
#footer .xlat_credit a:visited {
    color: #52658F;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#footer .xlat_credit a:hover,
#footer .xlat_credit a:active {
    color: #333
}

ul.list {
    list-style-type: square;
    margin-bottom: 15px
}

ul.list li {
    margin: 0 0 6px 16px
}

ul.no_bullet {
    list-style-type: none;
    margin-bottom: 15px
}

ul.no_bullet li {
    margin: 0 0 6px 16px
}

ul.no_bullet.intro {
    margin: 10px 0 50px
}

ul.no_bullet.intro li {
    margin: 6px 0 12px
}

ol.list {
    list-style-type: decimal;
    margin-bottom: 15px
}

ol.list li {
    margin: 3px 0 3px 24px
}

ol.list.intro {
    margin: 10px 0 20px
}

ol.list.intro li {
    margin: 4px 0 4px 24px
}

.intro {
    font-size: 1.2rem
}

.section_col a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 500
}

.section_col a:link,
.section_col a:visited {
    color: #6E83AC;
    border-bottom: 1px solid #6E83AC
}

.section_col a:hover,
.section_col a:active {
    color: #000;
    border-bottom: 1px solid #000
}

.testimonial {
    margin-bottom: 30px
}

.testimonial h4 {
    font-family: EngraversGothic-Bold, Arial, sans-serif !important;
    line-height: 90%;
    letter-spacing: 1px;
    color: #BD8935
}

p.quote {
    font-style: italic
}

p.attrib {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: .8rem;
    line-height: .9rem;
    color: #666
}

.section.feature {
    padding-bottom: 0;
    background-color: #C2CEE4;
    padding: 55px;
    margin-bottom: 60px
}

.section.feature .section_col {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 0
}

.section.feature .section_col h1 {
    margin-bottom: 20px;
    line-height: 90%
}

.section.feature .section_col p {
    font-style: italic;
    line-height: 140%;
    font-weight: 700;
    padding-bottom: 0;
    color: #3B4D73
}

.section.feature .section_col p span {
    display: block;
    margin: 8px 0
}

.home ul.no_bullet li {
    margin: 0 0 6px
}

.workshop {
    padding: 20px 0;
    border-top: 1px solid #C2CDE3
}

.workshop h3 {
    line-height: 90%;
    letter-spacing: 1px;
    font-size: 1.5rem;
    margin-bottom: 10px
}

.workshop h4 {
    font-size: 1.3rem;
    margin-bottom: 10px
}

.workshop h5 {
    font-family: Roboto, Arial, sans-serif;
    font-size: .8rem;
    font-weight: 700;
    color: #666;
    margin-bottom: 0;
    color: #BD8935
}

@media only screen and (max-width:1070px) {
    .nav a {
        padding: 15px 1% 10px;
        margin: 0 4px;
        font-size: 14px
    }
}

@media only screen and (max-width:900px) {
    .language_switch {
        text-align: center
    }
    .header_banner {
        display: block
    }
    .header_banner div {
        text-align: center
    }
    .header_left {
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 20px
    }
    .header_left img {
        width: 300px;
        display: block;
        margin: 0 auto;
        
    }
    .header_center {
        display: block;
        padding-right: 0
    }
    .header_center h3 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .header_right {
        display: block
    }
    .header_right span {
        display: inline-block;
        white-space: nowrap;
        padding: 0 6px
    }
    .nav {
        width: 100%
    }
    .nav a {
        display: none;
        font-size: 16px
    }
    .nav a.menulink {
        display: block !important;
        position: relative;
        text-align: left;
        padding: 15px 10px !important
    }
    .nav a.menulink .icon {
        display: block;
        position: absolute;
        right: 10px;
        top: 12px;
        font-size: 1.2rem
    }
    .nav a:after,
    nav.responsive a:after {
        margin: 0
    }
    .nav a:hover:after,
    .nav.responsive a:hover:after {
        width: 0;
        background: 0 0
    }
    .nav.responsive {
        position: relative
    }
    .nav.responsive a {
        display: block;
        text-align: left;
        padding: 15px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }
    .sectionwrapper {
        padding: 40px 15px
    }
    .section.col2 .section_col,
    .section.col2 .section_col:nth-child(2n+1),
    .section.col2 .section_col:nth-child(2n) {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .section.col3 .section_col,
    .section.col3 .section_col:nth-child(3n+1),
    .section.col3 .section_col:nth-child(3n+2),
    .section.col3 .section_col:nth-child(3n) {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .section.col1_2 .section_col {
        float: none;
        margin: 0 0 26px
    }
    .section.col1_2 .section_col:nth-child(2n+1) {
        clear: both;
        margin-right: 0;
        width: auto;
        text-align: center
    }
    .section.col1_2 .section_col:nth-child(2n) {
        margin-left: 2%;
        width: auto;
        text-align: center
    }
    #footer .copyright {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0 0 20px
    }
    #footer .footer_links {
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 30px
    }
    #footer .xlat_credit {
        float: none;
        text-align: center;
        width: 100%
    }
}

@media only screen and (max-width:500px) {
    .header_left {
        /*height:150px*/
    }
    .section.feature {
        padding: 30px
    }
    .section.feature .section_col {
        text-align: center;
        font-size: .8rem;
        margin-bottom: 0
    }
}

@media only screen and (max-width:360px) {
    .header_banner {
        padding: 15px
    }
    .header_right {
        display: none
    }
}
Minified CSS Output
.language_switch a,.linkfade{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.header_center,.header_right{vertical-align:middle;display:table-cell}.header_banner div,.nav,.text_shadow{text-shadow:1px 1px 1px rgba(0,0,0,.5)}.nav,ol,ul{list-style:none}.header_right,.subnav{text-transform:uppercase}.nav,.pagewrapper strong,.subnav{font-weight:700}.linkfade{transition:.3s ease-in-out}.shadow{-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.3);box-shadow:0 0 3px 1px rgba(0,0,0,.3)}.header_banner,.nav{margin:0 auto;max-width:1300px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.3)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;background-color:#d9c8ae;font-family:Roboto,Arial,sans-serif;font-size:.9rem;background-image:url(../img/bg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center top;color:#333}.header_center h1 span,h1,h2,h3,h4,h5{font-family:EngraversGothic-Regular,Arial,sans-serif}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5{font-weight:400;color:#141b27;letter-spacing:1px;margin-bottom:5px}a:active,a:focus,a:hover{outline:0}em,p.quote{font-style:italic}img{max-width:100%}.clearfloats:after,.section:after{content:".";display:block;height:0;clear:both;visibility:hidden}a,a:hover{text-decoration:none}.fa{font-family:FontAwesome}h1{font-size:36px}h2{font-size:30px}h3{font-size:26px}h4{font-size:20px}.language_switch{max-width:1300px;margin:0 auto;text-align:right;padding:10px 20px;font-size:12px}.language_switch a{color:#4a6497;transition:.3s ease-in-out}.nav a,.subnav a{text-decoration:none;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.language_switch a.active,.language_switch a:hover{color:#000}.header_banner{width:100%;display:table;padding:20px;background-color:rgba(74,100,151,.8);box-shadow:0 0 3px 1px rgba(0,0,0,.3);border:1px solid #293853}.header_left{display:table-cell;width:330px;height:360px}.header_left img{width:300px;display:block;border:1px solid #fff}.header_center{padding-right:30px}.header_center h1{font-size:40px;font-family:EngraversGothic-Bold,Arial,sans-serif;line-height:70%;margin-bottom:10px;color:#fff}.header_center h1 span{font-size:28px;white-space:nowrap}.header_center h1 span span{white-space:normal;font-size:12px}.header_center h2{font-size:16px;color:#fff}.header_right{text-align:right;color:#fff}.header_right span,.nav{display:block;font-family:Roboto,Arial,sans-serif}.header_right span{white-space:nowrap;line-height:90%;margin-bottom:10px}.nav a,.subnav a,.subnav span{display:inline-block;margin:0 4px}.nav{background:#141b27;text-align:center;box-shadow:0 0 3px 1px rgba(0,0,0,.3);border:1px solid #141b27}.nav a{color:#ccc;padding:15px 1% 10px;transition:.3s ease-in-out;font-size:15px}.nav a.menulink{display:none!important}.nav a:hover{color:#bd8935}.nav a.active{color:#fff}.nav a.icon{display:none;padding:0;margin:0}.nav a:after,.subnav a:after{content:'';display:block;margin:5px auto auto;height:2px;width:0;background:0 0;transition:width .5s,background-color .5s}.nav a:hover:after{width:100%;background:#bd8935}.subnav{font-size:1rem;margin-bottom:30px}#footer,.pagewrapper{max-width:1300px;margin:0 auto}.subnav a,.subnav span{padding:10px 1% 5px 0}.pagewrapper h2,h3.page_title{padding-bottom:5px}.subnav a{transition:.3s ease-in-out}.subnav a:link,.subnav a:visited{color:#4a6396}.subnav a:hover:after{width:100%;background:#4a6396}.pagewrapper{padding:3.5% 4% 2.25%;background-color:rgba(255,255,255,.93);-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.3);box-shadow:0 0 3px 1px rgba(0,0,0,.3)}h3.page_title{font-size:36px;margin-bottom:20px;border-bottom:1px solid #4a6497;letter-spacing:2px}.pagewrapper h2,h3.page_title.has_subnav{margin-bottom:10px}.section,.section p{padding-bottom:15px}ol.list,ul.list,ul.no_bullet{margin-bottom:15px}.section{line-height:140%}.section.no_pb{padding-bottom:0}.section.col1 .section_col{width:100%;margin:0 0 26px}.section.col2 .section_col{float:left;width:48%;margin:0 0 26px}.section.col2 .section_col:nth-child(odd){clear:both;margin-right:2%}.section.col2 .section_col:nth-child(2n){margin-left:2%}.section.col1_2 .section_col{float:left;margin:0 0 26px}.section.col1_2 .section_col:nth-child(odd){clear:both;margin-right:2%;width:auto;min-width:200px}.section.col1_2 .section_col:nth-child(2n){margin-left:2%;width:60%}.section.col3 .section_col{float:left;width:31%;margin:0 0 26px}.section.col3 .section_col:nth-child(3n+1){clear:both}.section.col3 .section_col:nth-child(3n+2){margin-right:3.5%;margin-left:3.5%}#footer{padding:20px 30px 50px;font-size:.8rem;color:rgba(0,0,0,.6);line-height:120%}#footer .copyright{float:left;width:50%;color:rgba(0,0,0,.6);padding:0 0 20px 10%;text-align:center}#footer .footer_links{float:left;text-align:left;width:15%;font-size:1.8rem;padding-bottom:20px}#footer .footer_links a:link,#footer .footer_links a:visited{color:rgba(0,0,0,.5);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}#footer .footer_links a:active,#footer .footer_links a:hover{color:rgba(0,0,0,.9)}#footer .xlat_credit{float:right;text-align:right;width:35%}#footer .xlat_credit a:link,#footer .xlat_credit a:visited{color:#52658f;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}#footer .xlat_credit a:active,#footer .xlat_credit a:hover{color:#333}ul.list{list-style-type:square}ul.list li,ul.no_bullet li{margin:0 0 6px 16px}ul.no_bullet{list-style-type:none}ul.no_bullet.intro{margin:10px 0 50px}ul.no_bullet.intro li{margin:6px 0 12px}ol.list{list-style-type:decimal}ol.list li{margin:3px 0 3px 24px}ol.list.intro{margin:10px 0 20px}ol.list.intro li{margin:4px 0 4px 24px}.intro{font-size:1.2rem}.section_col a{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;font-weight:500}.section_col a:link,.section_col a:visited{color:#6e83ac;border-bottom:1px solid #6e83ac}.section_col a:active,.section_col a:hover{color:#000;border-bottom:1px solid #000}.testimonial{margin-bottom:30px}.testimonial h4{font-family:EngraversGothic-Bold,Arial,sans-serif!important;line-height:90%;letter-spacing:1px;color:#bd8935}p.attrib{margin-bottom:5px;font-weight:700;font-size:.8rem;line-height:.9rem;color:#666}.section.feature{background-color:#c2cee4;padding:55px;margin-bottom:60px}.section.feature .section_col{text-align:center;font-size:1.2rem;margin-bottom:0}.section.feature .section_col h1{margin-bottom:20px;line-height:90%}.section.feature .section_col p{font-style:italic;line-height:140%;font-weight:700;padding-bottom:0;color:#3b4d73}.section.feature .section_col p span{display:block;margin:8px 0}.home ul.no_bullet li{margin:0 0 6px}.workshop{padding:20px 0;border-top:1px solid #c2cde3}.workshop h3{line-height:90%;letter-spacing:1px;font-size:1.5rem;margin-bottom:10px}.workshop h4{font-size:1.3rem;margin-bottom:10px}.workshop h5{font-family:Roboto,Arial,sans-serif;font-size:.8rem;font-weight:700;margin-bottom:0;color:#bd8935}@media only screen and (max-width:1070px){.nav a{padding:15px 1% 10px;margin:0 4px;font-size:14px}}@media only screen and (max-width:900px){.header_banner,.header_center,.header_left,.header_right{display:block}.nav a.menulink,.nav.responsive{position:relative}.header_banner div,.language_switch{text-align:center}.header_left{width:100%;height:auto;overflow:hidden;margin-bottom:20px}.header_left img{width:300px;display:block;margin:0 auto}.header_center{padding-right:0}.header_center h3{font-size:18px;margin-bottom:10px}.header_right span{display:inline-block;white-space:nowrap;padding:0 6px}.nav{width:100%}.nav a{display:none;font-size:16px}.nav a.menulink{display:block!important;text-align:left;padding:15px 10px!important}.nav a.menulink .icon{display:block;position:absolute;right:10px;top:12px;font-size:1.2rem}.nav a:after,nav.responsive a:after{margin:0}.nav a:hover:after,.nav.responsive a:hover:after{width:0;background:0 0}.nav.responsive a{display:block;text-align:left;padding:15px 10px;border-bottom:1px solid rgba(255,255,255,.3)}.sectionwrapper{padding:40px 15px}.section.col2 .section_col,.section.col2 .section_col:nth-child(2n),.section.col2 .section_col:nth-child(odd),.section.col3 .section_col,.section.col3 .section_col:nth-child(3n),.section.col3 .section_col:nth-child(3n+1),.section.col3 .section_col:nth-child(3n+2){float:none;width:100%;margin-left:0;margin-right:0}.section.col1_2 .section_col{float:none;margin:0 0 26px}.section.col1_2 .section_col:nth-child(odd){clear:both;margin-right:0;width:auto;text-align:center}.section.col1_2 .section_col:nth-child(2n){margin-left:2%;width:auto;text-align:center}#footer .copyright{float:none;width:100%;text-align:center;padding:0 0 20px}#footer .footer_links{float:none;text-align:center;width:100%;margin-top:30px}#footer .xlat_credit{float:none;text-align:center;width:100%}}@media only screen and (max-width:500px){.section.feature{padding:30px}.section.feature .section_col{text-align:center;font-size:.8rem;margin-bottom:0}}@media only screen and (max-width:360px){.header_banner{padding:15px}.header_right{display:none}}
CSS Minifier Tool Documentation
The API has changed, to see more please click here
To minify/compress your CSS, perform a POST request to

API https://www.toptal.com/developers/cssminifier/api/raw
with the input parameter set to the CSS you want to minify.

Hire World Class Talent with Toptal
CSS Developers
Landing Page Designers
Animation Designers
Web Developers
Social Media Designers
Webflow Designers
Blog Designers
Salesforce Consultants
Mobile UI Designers
WPF Developers
Level Designers
Mobile Game Designers
CSS3 Developers
VBA Developers
Marketo Developers
Hire the top 3% of freelance talent
Join the Toptal Network
Copyright 2010 - 2026 Toptal, LLC

Privacy Policy
Website terms
By continuing to use this site you agree to our Cookie Policy Privacy Policy, and Terms of Use.

Got it