body {
    background: url(../images/subtlenet2.png) repeat;
    height: 100%;
    font-family: 'dejavu_sansbook';
}

header {
    background: 
        linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.1)
        ),
        url(../images/bg.jpg);
    background-size: cover;
    height: 60vh;
}

.header-mini header {
    background: 
        linear-gradient(
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.1)
        ),
        url(../images/logo_bg_min.jpg);
    background-size: cover;
    height: 25vh;
}

.logo-main {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;

    padding: 0px 10px 10px 11px;
    background-color: rgba(30, 90, 118, 0.6);

    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    border: 1px solid #134257;

    -webkit-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -o-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
}

.logo-mini {
    display: block;
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    padding: 0px 10px 10px 10px;
    background-color: rgba(30, 90, 118, 0.6);

    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    border: 1px solid #134257;

    -webkit-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -o-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
}

.logo-main h1 {
    letter-spacing: 3px;
    margin: 0;
    font-size: 4.5rem;
    font-weight: bolder;
    white-space: nowrap;
    color: #fff;
    font-family: 'dejavu_sansbold';
    text-shadow: 
        0 1px 0 #999999, 
        0 2px 0 #888888, 
        0 3px 0 #777777, 
        0 4px 0 #666666, 
        0 5px 0 #555555, 
        0 6px 0 #444444, 
        0 7px 0 #333333, 
        0 8px 7px #333333;
}

.logo-mini h1 {
    letter-spacing: 3px;
    margin: 0;
    font-size: 3rem;
    font-weight: bolder;
    white-space: nowrap;
    color: #fff;
    font-family: 'dejavu_sansbold';
    text-shadow: 
        0 1px 0 #999999, 
        0 2px 0 #888888, 
        0 3px 0 #777777, 
        0 4px 0 #666666, 
        0 5px 0 #555555, 
        0 6px 0 #444444, 
        0 7px 0 #333333, 
        0 8px 7px #333333;
}

.logo-main p {
    letter-spacing: 4px;
    margin: 0;
    font-size: 1.3rem;
    font-family: 'dejavu_sansbook';
}

.logo-mini p {
    letter-spacing: 4px;
    margin: 0;
    font-size: 1rem;
    font-family: 'dejavu_sansbook';
}

#body_bg {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

#welcome-msg {
    background: rgb(0,73,142); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDk4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM4NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,73,142,1) 0%, rgba(0,56,120,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,73,142,1)), color-stop(100%,rgba(0,56,120,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,73,142,1) 0%,rgba(0,56,120,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,73,142,1) 0%,rgba(0,56,120,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,73,142,1) 0%,rgba(0,56,120,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,73,142,1) 0%,rgba(0,56,120,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00498e', endColorstr='#003878',GradientType=0 ); /* IE6-8 */

    padding: 28px 20px 30px 20px;
}

#welcome-msg h2 {
    color: rgba(255, 255, 255, 0.83);
}

#welcome-msg p {
    color: rgba(255, 255, 255, 0.83);
    text-align: center;
}


.page_title {
    margin-bottom: 2rem;
    margin-top: 1rem;
    font-weight: bold;
}

.page_title h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: rgb(1, 59, 114);
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
}

/* MISSION */
.panel-mission {

    text-align: center;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: #adabab;

    margin: 1em auto;
    padding-top: 20px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 1px;
    background: #fff;
    text-align: center;
    border-radius: 10px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    background-color: rgba(241, 255, 255, 0.88);
}

.panel-mission h4 {
    margin-top: 20px;
    font-size: 1.4rem;
    font-weight: bold;
}


.panel-mission p {
    font-size: 0.9rem;
    opacity: 0;
}

#mission-title {
    margin-top: 3em;
    text-align: center;
    letter-spacing: -.10085em;
}

/* SERVICES */
/* The main service panel block */
#services-container {
    display: block;
    width: 90%;
    background-color: rgba(180, 235, 245, 0.44);
    padding: 2.5rem 1rem 4rem 1rem;
    border-radius: 20px;
    border: 1px solid #8e8e8e;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
}

/* The header contains h4 and p elements */
#services-container .service-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

#services-container .service-header h4 {
    font-size: 1.5rem;
    font-weight: bold;
}

#services-container img {
    background-color: rgba(237, 237, 237, 0.92);
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border: 1px solid #909090;

    -webkit-border-radius: 4%;
    -o-border-radius: 4%;
    -moz-border-radius: 4%;
    border-radius: 4%;

    -webkit-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -o-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    box-shadow: rgba(000,000,000,0.3) 0 2px 2px;   
}

/* The block that contains the list-icons and list items */
#services-size {
    padding-left: 2rem;
    padding-top: 1.8rem;
}

/* The list icon */
.small-circle-list {
    height: 2rem;
    width: 2rem;
    display: block;
    border: 1px solid #66aad9;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding-top: 8px;
    background-color: rgba(105, 177, 227, 0.87);
    text-align: center;
    color: #fff1f1;
    font-size: 1rem;

    -webkit-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -o-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
}

/* The main block for migration services */
#migration-space {
    margin-top: 4rem;
}

/* Overrides the Foundation 5 panel */
.panel.migration-panel {
    border-radius: 20px;
    border: 1px solid #b2b2b2;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
}

/* The block that contains h4 and p elements */
#migration-header {
    margin-top: 2rem;  
    margin-bottom: 4rem;
    text-align: center;
}

#migration-header h4 {
    font-size: 1.5rem;
    font-weight: bold;   
}

/* The list icon for migration services */
.circular-list {
    height: 3.5rem;
    width: 3.5rem;
    display: block;
    border: 1px solid #66aad9;
    /* border: 1px solid #5eccb8; */
    border-radius: 50%;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 20px 10px 8px 10px;
    background-color: rgba(105, 177, 227, 0.87);

    /* background-color: #64D9C3; */

    text-align: center;
    color: #fff1f1;
    font-size: 1.2rem;

    -webkit-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -o-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
    box-shadow: rgba(000,000,000,0.3) 0 2px 2px;
}



/* PACKAGES */
.fullWidth {
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
    background-color: rgba(108, 150, 244, 0.37);
    text-align: center;

    border-bottom: 1px solid rgba(88, 81, 235, 0.47);
    border-top: 1px solid rgba(88, 81, 235, 0.47);
}

.fullWidth h3 {
    font-size: 2.5em;
    margin-top: 1em;
}

#solution-body {
    margin-top: 3em;
}

.sol-item p{
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
}

#table1 {
    background-color: rgb(35, 95, 53);
}

#table2 {
    background-color: rgb(106, 45, 45);    
}

#table3 {
    background-color: rgb(49, 49, 95);
}

#price-color1 {
    background-color: rgb(192, 255, 210);
    border-bottom: 1px solid rgba(35, 95, 53, 0.50);
}

#price-color2 {
    background-color: rgb(255, 190, 190);
    border-bottom: 1px solid rgba(106, 45, 45, 0.50);
}

#price-color3 {
    background-color: rgb(193, 193, 255);
    border-bottom: 1px solid rgba(49, 49, 95, 0.50);
}




.bullet-item.table1-color {
    background-color: rgba(192, 255, 210, 0.19);
}

.bullet-item.even-item-table1 {
    background-color: rgba(170, 234, 189, 0.38);
}

.bullet-item.table2-color {
    background-color: rgba(255, 190, 190, 0.19); 
}

.bullet-item.even-item-table2 {
    background-color: rgba(230, 172, 172, 0.38); 
}

.bullet-item.table3-color {
    background-color: rgba(193, 193, 255, 0.19); 
}

.bullet-item.even-item-table3 {
    background-color: rgba(173, 173, 229, 0.38); 
}



.cta-button#button-space-color1 {
    border-top: 1px solid rgba(35, 95, 53, 0.50);
    background-color: rgb(192, 255, 210);
}

.cta-button#button-space-color2 {
    border-top: 1px solid rgba(106, 45, 45, 0.50);
    background-color: rgb(255, 190, 190);  
}

.cta-button#button-space-color3 {
    border-top: 1px solid rgba(49, 49, 95, 0.50);
    background-color: rgb(193, 193, 255); 
}

#solution-learn-more {
    clear: both;
    width: 9em;
    margin: 0 auto;
}

#callout-color {
    margin-top: 3rem;
    border: 1px solid rgba(75, 128, 212, 0.49);
}

.pricing-table.price-table1 {
    border: solid 1px rgb(35, 95, 53);
}

.pricing-table.price-table2 {
    border: solid 1px rgb(106, 45, 45);
}

.pricing-table.price-table3 {
    border: solid 1px rgb(49, 49, 95);
}

/* Form */
fieldset {
    background-color: rgba(180, 235, 245, 0.1);
    border:2px solid #68a6b5;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
}

legend {
    background-color: transparent !important;   
}

#form-auto-link form input {
    border: solid 1px #68a6b5;
}

#form-auto-link form input:focus, 
#form-auto-link form input.focus {
    border: solid 2px #68a6b5;
}

#form-auto-link form select {
    border: solid 1px #68a6b5;
}

#form-auto-link form select:focus, 
#form-auto-link form select.focus {
    border: solid 2px #68a6b5;
}

#form-auto-link form textarea {
    border: solid 1px #68a6b5;
}

#form-auto-link form textarea:focus, 
#form-auto-link form textarea.focus {
    border: solid 2px #68a6b5;
}

#form-notify-space {
    margin-top: 2rem;
}

#form-notify {
    text-align: center;   
}

.small_print {
    font-size: 0.8rem;
}

form fieldset button {
    
}

/* FOOTER */
#footer-space {
    margin-top: 5rem;
}

#footer-space-about {
    margin-top: 5.4rem;
}

footer {
    line-height: 30px;
    color: #626262;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

footer p {
    font-size: 0.9em;
}

.push {
    height: 7rem;  
}

.push-services {
    height: 11rem;   
}

#lowerize-ul ul li {
    font-weight: normal;
}

/* ABOUT */
.panel.about-panel {
    border-radius: 20px;
    border: 1px solid #b2b2b2;
}

/* Smartphones (portrait and landscape) ----------- ---*/
@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
    }

/* Smartphones (landscape) ----------- */
@media only screen
    and (max-width : 40em) 
    and (orientation:landscape) {


        header {
            height: 50vh;   
        }

        .header-mini header {
            height: 35vh;
        }

        .logo-main {
            display: block;
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            padding: 0px 10px 10px 11px;
        }

        .logo-mini {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            padding: 0px 10px 10px 10px;
        }

        .logo-main h1 {
            letter-spacing: 3px;
            margin: 0;
            font-size: 3rem;
        }

        .logo-mini h1 {
            letter-spacing: 3px;
            margin: 0;
            font-size: 2.5rem;
        }


        .page_title {
            margin-bottom: 1rem;
            margin-top: 1rem;
            font-weight: bold;
        }

        #services-container {
            display: block;
            width: 90%;
            background-color: rgba(180, 235, 245, 0.44);
            padding: 2rem 0.5rem 4rem 0.5rem;
            border-radius: 20px;
            border: 1px solid #8e8e8e;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0.3rem;
        }

        /* The header contains h4 and p elements */
        #services-container .service-header {
            text-align: center;
            margin-bottom: 1rem;
        }

        #services-container .service-header h4 {
            font-size: 1.4rem;
            font-weight: bold;
        }

        /* The block that contains the list-icons and list items */
        #services-size {
            padding-top: 1.8rem;
        }

        .page_title h4 {
            font-weight: bold;
            font-size: 1.6rem;
            color: rgb(1, 59, 114);
            margin-bottom: 1.5rem;
        }


        /* Overrides the Foundation 5 panel */
        .panel.migration-panel {
            padding-left: 2rem;
            padding-right: 2rem;
            padding-bottom: 3rem;
        }


        /* The main block for migration services */
        #migration-space {
            margin-top: 2rem;
        }

        /* The block that contains h4 and p elements */
        #migration-header {
            margin-top: 1.6rem;  
            margin-bottom: 2rem;
            text-align: center;
        }

        #migration-header h4 {
            font-weight: bold;
            font-size: 1.6rem;
        }


        #solution-body {
            margin-top: 1rem;
        }

        #callout-color {
            margin-top: 1.5rem;
        }

        .pricing-table-space {
            margin-bottom: 1rem;   
        }

        .panel-mission h4 {
            font-size: 1.4rem;
            font-weight: bold;
        }

        .sol-item p{
            font-size: 3em;
        }

        .mission-icon {
            font-size: 2em;
        }
    }

/* Smartphones (portrait) ----------- */
@media only screen
    and (max-width : 40em)
    and (orientation:portrait) {


        header {
            height: 40vh;   
        }

        .logo-main {
            display: block;
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            padding: 0px 10px 10px 11px;
        }

        .logo-mini {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            padding: 0px 10px 10px 10px;
        }

        .logo-main h1 {
            letter-spacing: 3px;
            margin: 0;
            font-size: 3rem;
        }

        .logo-mini h1 {
            letter-spacing: 3px;
            margin: 0;
            font-size: 2.5rem;
        }


        .page_title {
            margin-bottom: 1rem;
            margin-top: 1rem;
            font-weight: bold;
        }

        #services-container {
            display: block;
            width: 90%;
            background-color: rgba(180, 235, 245, 0.44);
            padding: 2rem 0.5rem 4rem 0.5rem;
            border-radius: 20px;
            border: 1px solid #8e8e8e;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0.3rem;
        }

        /* The header contains h4 and p elements */
        #services-container .service-header {
            text-align: center;
            margin-bottom: 1rem;
        }

        #services-container .service-header h4 {
            font-size: 1.4rem;
            font-weight: bold;
        }

        /* The block that contains the list-icons and list items */
        #services-size {
            padding-top: 1.8rem;
        }

        .page_title h4 {
            font-weight: bold;
            font-size: 1.6rem;
            color: rgb(1, 59, 114);
            margin-bottom: 1.5rem;
        }


        /* Overrides the Foundation 5 panel */
        .panel.migration-panel {
            padding-left: 2rem;
            padding-right: 2rem;
            padding-bottom: 3rem;
        }


        /* The main block for migration services */
        #migration-space {
            margin-top: 2rem;
        }

        /* The block that contains h4 and p elements */
        #migration-header {
            margin-top: 1.6rem;  
            margin-bottom: 2rem;
            text-align: center;
        }

        #migration-header h4 {
            font-weight: bold;
            font-size: 1.6rem;
        }


        #solution-body {
            margin-top: 1rem;
        }

        #callout-color {
            margin-top: 1.5rem;
        }

        .pricing-table-space {
            margin-bottom: 1rem;   
        }

        .panel-mission h4 {
            font-size: 1.4rem;
            font-weight: bold;
        }

        .sol-item p{
            font-size: 3em;
        }

        .mission-icon {
            font-size: 3em;
        }
    }

@media only screen 
    and (min-device-width : 558px) {


        .mission-icon {
            font-size: 4em;
        }

        .sol-item p{
            font-size: 4em;
        }
    }


@media only screen 
    and (min-device-width : 780px) {


        .mission-icon {
            font-size: 4em;
        }

        .sol-item p{
            font-size: 5em;
        }
    }

/* iPads (portrait and landscape) ----------- */
@media only screen 
    and (min-device-width : 768px) {

    }

/* iPads (landscape) ----------- */
@media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {
        .sol-item p{
            font-size: 5em;
        }

        .mission-icon {
            font-size: 4em;
        }
    }

/* iPads (portrait) ----------- */
@media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) 
    and (orientation : portrait) {

        .sol-item p{
            font-size: 5em;
        }

        .mission-icon {
            font-size: 4em;
        }
    }

/* Desktops and laptops ----------- */
@media only screen 
    and (min-width : 1224px) {
        .sol-item p{
            font-size: 5em;
        }

        .mission-icon {
            font-size: 4em;
        }
    }

/* Large screens ----------- */
@media only screen 
    and (min-width : 1824px) {
        .sol-item p{
            font-size: 5em;
        }

        .mission-icon {
            font-size: 5em;
        }
    }

/* iPhone 4 ----------- */
@media
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {

        .mission-icon {
            font-size: 4em;
        }
    }



/*  FONTS */
@font-face {
    font-family: 'dejavu_sansbold';
    src: url('font/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.eot');
    src: url('font/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.woff') format('woff'),
        url('font/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.ttf') format('truetype'),
        url('font/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.svg#dejavu_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dejavu_sansbold_oblique';
    src: url('font/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.eot');
    src: url('font/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.woff') format('woff'),
        url('font/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.ttf') format('truetype'),
        url('font/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.svg#dejavu_sansbold_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dejavu_sansbook';
    src: url('font/dejavusans_book_macroman/DejaVuSans-webfont.eot');
    src: url('font/dejavusans_book_macroman/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/dejavusans_book_macroman/DejaVuSans-webfont.woff') format('woff'),
        url('font/dejavusans_book_macroman/DejaVuSans-webfont.ttf') format('truetype'),
        url('font/dejavusans_book_macroman/DejaVuSans-webfont.svg#dejavu_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dejavu_sansextralight';
    src: url('font/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.eot');
    src: url('font/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.woff') format('woff'),
        url('font/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.ttf') format('truetype'),
        url('font/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.svg#dejavu_sansextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dejavu_sansoblique';
    src: url('font/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.eot');
    src: url('font/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
        url('font/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.woff') format('woff'),
        url('font/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.ttf') format('truetype'),
        url('font/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.svg#dejavu_sansoblique') format('svg');
    font-weight: normal;
    font-style: normal;

}