/*  Fonts  */
@font-face {
    font-family: 'lato_regular';
    src: url('../fonts/lato-regular.eot');
    src: url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular.woff') format('woff'), url('../fonts/lato-regular.ttf') format('truetype'), url('../fonts/lato-regular.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'lato_bold';
    src: url('../fonts/lato-bold.eot');
    src: url('../fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold.woff') format('woff'), url('../fonts/lato-bold.ttf') format('truetype'), url('../fonts/lato-bold.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*-----------------------------------------------------------------------------------

	1. CSS Reset & Clearfix
	2. Document Setup (body, common classes, etc)
	3. Columns
	4. Typography
		4.1. Dropcaps
		4.2. Highlighted Text
	5. Header
	6. Main Content
		6.1. Nivo Slider
		6.2. Jcarousel
		6.3. Sidebar	
		6.4. Portfolio
		6.5. Blog
			6.5.1. Comments
			6.5.2. Pagination		
		6.6. Contact
        6.7. search
        6.8. contentText
        6.9. fancy typo
	7. Footer
		7.1. Twitter
		7.2. Flickr
		7.3. Social Icons
	8. Elements
		8.1. Slides Plugin - for Portfolio Single Page
		8.2. Buttons
		8.3. Tabs
		8.4. Toggles
		8.5. Accordions
		8.6. Tables
		8.7. Info Boxes
		8.8. Lists
        8.9. Latest News
        8.10. Alerts
        8.11. Timestamp


-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

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%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font-family: lato_regular, arial;
    font-size: 100%;
    letter-spacing: 0.5px;
    line-height: 20px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

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

input, textarea {
    font: 12px/20px;
    font: inherit;
    resize: none;
}

* {
    _noFocusLine: expression(this.hideFocus=true);
}
/* Removes dotted lines around links */



/*-----------------------------------------------------------------------------------*/
/*	2.	Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
    /* background: #efefef url(../images/bg/bg1.png) repeat scroll 0 0;*/
    background: #ffffff url(../images/bg/Stratevo_background.jpg) no-repeat top center fixed;
    margin: 0;
    padding: 0;
    color: #686868;
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 1020px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px #dedede;
    background: #fff;
}

a {
    text-decoration: none;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.bodyText {
    text-align: left;
    width: 90%;
    margin: auto;
    font-size: 110%;
    color: #686868;
}

a:focus, a:link, a:active {
    outline: none;
}

a:hover {
    color: #444;
}

p {
    margin-bottom: 20px;
}

.clear {
    clear: both;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

#bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.bgwidth {
    width: 100%;
}

.bgheight {
    height: 100%;
}


.space {
    height: 20px;
    width: 100%;
    clear: both;
}

label {
    color: #7F7F7F;
    display: block;
    font-weight: normal;
}

    label.error {
        color: red;
        font-style: italic;
        margin: 5px 0 10px 0;
    }

input[type="text"], input[type="password"], input.text, input.title, textarea {
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
}

    input[type="text"]:focus, input[type="password"]:focus, input.text:focus, input.title:focus, textarea:focus {
        -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
        border: 1px solid #EBEBEB;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    }

input[type="text"], input[type="password"], input.text, input.title, textarea {
    margin: 5px 0;
    padding: 1.5%;
    width: 94%;
}

select {
     font: 12px/20px;
    font: inherit;
    resize: none;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    margin: 5px 0;
    padding: 1.5%;
    width: 97%;
}

textarea {
    height: 130px;
    padding: 2% 2%;
    width: 95.5%;
}

form.inline {
}

    form.inline p {
        margin-bottom: 0;
    }

.AjaxLoader {
    cursor: wait;
    background: #ffffff url('../images/ajax-loader-inline.gif') no-repeat center center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000;
    display: none;
}

.image {
    position: relative;
    display: inline-block;
    border-radius: 8px;
}

    .image img {
        display: block;
        width: 100%;
        border-radius: 8px;
    }

    /*
			Note: The following style adds the textured/pixelated look to content
			images. I added this to help mask the distortion introduced when a browser
			resizes an image, but if you don't want this to happen just remove or comment
			out the entire style.
		*/

    .image:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        /*background: url('../images/overlay.png');
        opacity: 0.2;*/
        border-radius: 8px;
    }

.image-full {
    display: block;
    width: 100%;
    margin: 0 0 2em 0;
}

.image-half {
    display: block;
    width: 50%;
    margin: 0 10px 10px 0;
    float: left;
}

.image-third {
    display: block;
    width: 33%;
    margin: 0 10px 10px 0;
    float: left;
}

.image-quarter {
    display: block;
    width: 25%;
    margin: 0 10px 10px 0;
    float: left;
}

.image-left {
    float: left;
    margin: 0 2em 2em 0;
}

.image-centered {
    display: block;
    margin: 0 0 2em 0;
}

    .image-centered img {
        margin: 0 auto;
        width: auto;
    }

#LanguageSelector {
    color: #666666;
    padding: 12px;
    font-size: 90%;
    float: right;
}

    #LanguageSelector a {
        color: #666666;
        font-size: 90%;
        text-decoration: none;
    }

        #LanguageSelector a:hover {
            color: #333;
            font-size: 90%;
            text-decoration: none;
        }

        #LanguageSelector a.selected {
            color: #666666;
            font-size: 90%;
            text-decoration: underline;
        }

/*-----------------------------------------------------------------------------------*/
/*	3.	Columns
/*-----------------------------------------------------------------------------------*/

.one-half {
    width: 460px;
}

.one-third {
    width: 300px;
}

.two-third {
    width: 620px;
}

.one-fourth {
    width: 220px;
}

.one-fourth-nomargin {
    width: 240px;
}

.three-fourth {
    width: 700px;
}

.one-sixth {
    width: 140px;
}

.five-sixth {
    width: 780px;
}

.one-fourth, .one-fourth-nomargin, .one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth {
    position: relative;
    margin-right: 20px;
    float: left;
}

.percent-one-half {
    width: 48%;
}

.percent-one-third {
    width: 30.66%;
}

.percent-two-third {
    width: 65.33%;
}

.percent-one-fourth {
    width: 22%;
}

.percent-three-fourth {
    width: 74%;
}

.percent-one-fifth {
    width: 16.8%;
}

.percent-two-fifth {
    width: 37.6%;
}

.percent-three-fifth {
    width: 58.4%;
}

.percent-four-fifth {
    width: 67.2%;
}

.percent-one-sixth {
    width: 13.33%;
}

.percent-five-sixth {
    width: 82.67%;
}

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-one-fifth,
.percent-two-fifth,
.percent-three-fifth,
.percent-four-fifth,
.percent-one-sixth,
.percent-five-sixth {
    position: relative;
    margin-right: 4%;
    float: left;
}

.column-right {
    float: right;
}

.column-last {
    margin-right: 0 !important;
    clear: right;
}



/*-----------------------------------------------------------------------------------*/
/*	4.	Typography
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #444;
}

h1 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 13px;
}

h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 13px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}

h6 {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

hr {
    color: #cecece;
    border: 0px;
    border-top: 2px solid #cecece;
    border-color: #cecece;
}

.dotted {
    color: #cecece;
    border: 0px;
    border-top: 2px dotted #cecece;
    border-color: #cecece;
    height: 2px;
}

.Docthumbnail {
    float: left;
    width: 20%;
}

.DocLink {
    float: left;
    width: 78%;
}
/*--- 4.1. Dropcaps ---*/

.dropcap1 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #666666;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 36px;
    margin: 4px 10px 2px 0;
    padding: 12px 6px;
    text-shadow: 0 1px 0 #fff;
}

.dropcap2 {
    float: left;
    font-size: 36px;
    line-height: 26px;
    padding-right: 10px;
    padding-top: 8px;
}

.dropcap3 {
    float: left;
    font-size: 36px;
    line-height: 30px;
    font-style: italic;
    padding-right: 10px;
    padding-top: 8px;
}


/*--- 4.2. Hightlighted Text ---*/

.highlight {
    padding: 1px 3px;
}

    .highlight.redish {
        background-color: #ffcccf;
        color: #A14A40;
    }

    .highlight.bluish {
        background-color: #D7E7F5;
        color: #5E6984;
    }

    .highlight.yellowish {
        background-color: #FFF9CC;
        color: #736B4C;
    }

    .highlight.greenish {
        background-color: #E2F2CE;
        color: #466840;
    }

    .highlight.dark {
        background: #333333;
        color: #fff;
    }

pre, code {
    background-color: #F5F5F5;
    border-color: #ebebeb;
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    display: block;
    font-family: monospace;
    font-size: 11px;
    padding: 10px;
}

pre, code {
    margin-bottom: 10px;
}

blockquote {
    border-left: 2px solid #ebebeb;
    color: #787878;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    margin: 20px 50px;
    padding: 0 0 5px 15px;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	Header
/*-----------------------------------------------------------------------------------*/

#header {
    width: 940px;
    margin: 0 auto;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0px;
}

.logo {
    position: relative;
    height: 95px;
}

    .logo img {
        padding-top: 15px;
        display: block;
        position: absolute;
        bottom: 0;
        height: 80px;
    }

.home {
    float: right;
    padding-top: 4px;
}



/*-----------------------------------------------------------------------------------*/
/*	6.	Main Content
/*-----------------------------------------------------------------------------------*/

.services {
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 110%;
}

.clients {
    background: #f9f9f9;
    overflow: hidden;
    margin-top: 0px;
    padding: 5px 40px 0;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    clear: both;
}

    .clients li {
        display: inline;
        margin: 10px 15px 9px;
        text-align: center;
    }

        .clients li img {
        }

        .clients li a {
            opacity: 0.15;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
            filter: alpha(opacity=15);
            display: inline-block;
        }

.intro {
    position: relative;
    padding: 15px 3%;
    text-align: left;
    background: #f9f9f9;
    border-top: 1px solid #00297D;
    border-bottom: 0px solid #575757;
    margin-bottom: 0px;
    width: 94%;
    color: #00297D;
}

    .intro h1 {
        font-size: 30px;
        color: #00297D;
    }

        .intro h1 b {
            font-size: 30px;
            font-family: lato_bold, Arial;
        }

    .intro h2 {
        font-size: 26px;
        color: #00297D;
    }

        .intro h2 b {
            font-size: 26px;
            font-family: lato_bold, Arial;
        }

    .intro h3 {
        font-size: 16px;
        color: #00297D;
    }

        .intro h3 b {
            font-size: 16px;
            font-family: lato_bold, Arial;
        }

    .intro h5 {
        font-size: 14px;
        color: #646464;
    }

    .intro a:hover {
        color: #444;
    }

    .intro p img {
        max-width: 90%;
    }

.bio_img {
    margin: 20px;
    padding: 10px;
    background-color: #ededed;
    border: 1px solid #dbdbdb;
    display: block;
    float: left;
    width: 140px;
}

.centered-wrapper {
    width: 940px;
    margin: 0 auto;
}

.page-title {
    width: 100%;
    margin: 0 auto;
    clear: both;
    margin-bottom: 0px;
    border-bottom: 0px solid #EBEBEB;
}

    .page-title h2 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #686868;
    }

.search-form {
    float: right;
    position: relative;
}

    .search-form input[type="text"] {
        width: 180px;
        height: 20px;
        line-height: 20px;
        position: relative;
        padding: 6px 10px;
        color: #686868;
        display: block;
    }

    .search-form input[type="submit"] {
        background: url(../images/search.png) scroll 0 0;
        width: 16px;
        height: 16px;
        border: 0 none;
        text-indent: -9999px;
        cursor: pointer;
        position: absolute;
        top: 14px;
        right: 10px;
        font-size: 0;
        display: block;
        line-height: 0;
    }

.page-title .double-separator {
    margin: 0;
}

.breadcrumbs {
    font-size: 12px;
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}

.added-value {
    text-align: center;
    width: 100%;
}

    .added-value img {
        width: 90%;
        margin: auto;
    }

.service-item {
    overflow: hidden;
}

    .service-item p {
        margin-bottom: 10px;
    }

.img-srv {
    width: 16px;
    height: 16px;
    opacity: 0.6;
    margin: 20px;
}

img.service-img {
    float: left;
    margin: 4px 15px 15px 0;
    width: 16px;
    height: auto;
}

img.service-img-center {
    text-align: center;
    margin: 0 0 20px 0;
    width: 60px;
    height: auto;
}

h3.service {
    font-size: 16px;
    font-weight: 600;
}

.separator {
    width: 100%;
    height: 1px;
    clear: both;
    background: #efefef;
    margin: 40px 0;
}

.double-separator {
    width: 100%;
    height: 1px;
    clear: both;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin: 40px 0;
}

#footer .double-separator {
    margin: 50px 0;
}

.bgtitle {
    margin-bottom: 20px;
    width: 95%;
    background: url(../images/separator.png) repeat-x;
    height: 25px;
}

    .bgtitle h2 {
        font-size: 13px;
        font-weight: 600;
        float: left;
        height: 25px;
        line-height: 25px;
        background: #fff;
        padding-right: 10px;
    }

.team-member {
    position: relative;
    padding: 5px;
    background: white;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
    margin-bottom: 20px;
}

    .team-member a {
        overflow: hidden;
        display: block;
        position: relative;
    }

.team-avatar {
    height: auto;
    width: 100%;
    display: block;
}

.team-text h3 {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    clear: both;
    padding-top: 18px;
    margin-bottom: 3px;
}

.team-text h6 {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 15px;
}

.team-text p {
    padding: 0 5px;
}

.team-social {
    border-top: 1px solid #efefef;
    text-align: center;
    overflow: hidden;
    clear: both;
}

    .team-social a img {
        -moz-transition: all .2s ease-in-out;
        -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        opacity: .3;
        filter: alpha(opacity=30);
        transition: all .2s ease-in-out;
    }

        .team-social a img:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .team-social a {
        padding: 5px;
        margin-top: 10px;
        display: inline-block;
    }

.team-text span {
    color: #787878;
}

.team-text p {
    margin-top: 10px;
}

.testimonial-item {
    border: 1px solid #efefef;
    padding: 20px 15px 0;
    margin-top: 3px;
    font-style: italic;
    box-shadow: 0px 0px 5px #efefef;
}

.testimonial-pin {
    background: url(../images/testimonial-pin.png) no-repeat scroll 0 0;
    display: block;
    width: 24px;
    height: 16px;
    position: absolute;
    left: 30px;
}

.testimonial-meta {
    font-style: normal;
    position: absolute;
    width: 80%;
    font-weight: 600;
    font-size: 12px;
    left: 20%;
    bottom: -40px;
}

    .testimonial-meta h5 {
        float: left;
        margin-right: 5px;
        font-size: 12px;
        font-weight: 600;
    }

    .testimonial-meta span {
        color: #444;
    }


/*--- 6.1. Nivo Slider ---*/

.slider-wrapper {
    height: 250px;
    position: relative;
    clear: both;
}

.nivo {
    position: relative;
}

/* The Nivo Slider styles */
.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #333333;
}

    .nivoSlider img {
        position: absolute;
        top: 0px;
        left: 0px;
    }

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

    .nivo-box img {
        display: block;
    }

/* Caption styles */
.nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #575757;
    width: 380px;
    height: 130px;
    z-index: 8;
    padding: 10px;
    opacity: 1;
    overflow: hidden;
    display: none;
    -moz-opacity: 1;
    filter: alpha(opacity=70);
}

    .nivo-caption h3 {
        margin: 18px 0 0px 0;
        color: #575757;
        font-weight: bold;
    }

    .nivo-caption p {
        padding: 5px 0;
        margin: 0;
        font-size: 100%;
    }

    .nivo-caption a {
        display: inline !important;
    }

.nivo-html-caption {
    display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    position: absolute;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}

a.nivo-nextNav {
    background-position: -25px 0;
    right: 0;
    bottom: 0;
}

    a.nivo-nextNav:hover {
        background-position: -75px 0;
    }

a.nivo-prevNav {
    right: 25px;
    bottom: 0;
}

    a.nivo-prevNav:hover {
        background-position: -50px 0;
    }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    width: 390px;
    position: absolute;
    bottom: 126px;
    z-index: 1444;
    display: block;
}

    .nivo-controlNav a {
        cursor: pointer;
        background: #f1f1f1;
        width: 130px;
        height: 4px;
        text-indent: -9999px;
        display: block;
        float: left;
    }

        .nivo-controlNav a:hover {
            background: #575757;
        }

        .nivo-controlNav a.active {
            background: #575757;
        }


/*--- 6.2. Jcarousel ---*/

.jcarousel-container {
    margin-bottom: 20px;
}

.jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-container-horizontal {
    width: 940px;
    clear: both;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    width: 940px;
    height: 200px;
}

.jcarousel-item {
    width: 288px;
    height: 188px;
    display: block;
    position: relative;
    padding: 5px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
}

    .jcarousel-item a {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
    }

a[rel="PrettyPhoto"] {
    overflow: hidden;
    display: block;
    position: relative;
}

.jcarousel-item img {
    width: 100%;
    height: auto;
}

.jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 20px;
    text-align: center;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-item-placeholder {
    background: #fff;
    color: #444;
}

.jcarousel-next-horizontal {
    position: absolute;
    top: -45px;
    right: -7px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

    .jcarousel-next-horizontal:hover,
    .jcarousel-next-horizontal:focus {
        background-position: -25px 0;
    }

    .jcarousel-next-horizontal:active {
        background-position: -25px 0;
    }

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -50px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: -45px;
    right: 18px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

    .jcarousel-prev-horizontal:hover,
    .jcarousel-prev-horizontal:focus {
        background-position: -25px 0;
    }

    .jcarousel-prev-horizontal:active {
        background-position: -25px 0;
    }

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -50px 0;
}

.homepage-testimonials .jcarousel-container-horizontal, .homepage-testimonials .jcarousel-clip-horizontal {
    width: 100%;
    height: auto;
}

.homepage-testimonials .jcarousel-item {
    width: 300px;
    height: auto;
    display: block;
    position: relative;
    padding: 0;
    background: inherit;
    border: 0 none;
    margin-right: 0;
    text-align: left;
}

ul#testimonials-carousel .testimonial-item {
    width: 260px;
    margin: 3px;
    margin-bottom: 43px;
    position: relative;
    font-weight: normal;
    display: block;
}

.t-page .testimonial-item {
    width: 300px !important;
}

ul#testimonials-carousel .testimonial-meta {
    bottom: -45px;
    position: absolute;
    overflow: visible;
    z-index: 1;
}

.homepage-testimonials .jcarousel-next-horizontal {
    right: -3px;
    top: -42px;
}

.homepage-testimonials .jcarousel-prev-horizontal {
    right: 22px;
    top: -42px;
}

span.caption {
    position: relative;
    clear: both;
    font-size: 13px;
    background: #fff;
    color: #444;
    line-height: 40px;
    width: 100%;
    left: 0;
}

    span.caption a {
        color: #444;
    }

a.lightbox {
    position: absolute;
    top: -25px;
    right: 25px;
    width: 25px;
    height: 25px;
    background: url(../images/lightbox.png) no-repeat scroll 0 0;
    text-indent: -9999px;
}

span.item-on-hover {
    cursor: pointer;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/item-on-hover.png) repeat;
}

.item-on-hover * {
    filter: inherit;
}

span.hover-link {
    background: url(../images/link.png) no-repeat scroll 0 0;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
}

span.hover-image {
    background: url(../images/lightbox.png) no-repeat scroll 0 0;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
}

span.hover-video {
    background: url(../images/video.png) no-repeat scroll 0 0;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
}


/*--- 6.3. Sidebar ---*/

#sidebar {
    width: 260px;
    float: right;
}

    #sidebar h3 {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
    }

.widget {
    overflow: hidden;
    margin-bottom: 60px;
}

    .widget a {
        color: #444;
    }

    .widget ul li {
        font-size: 12px;
        background: url(../images/breadcrumb-arrow.png) no-repeat scroll 0 6px;
        padding: 5px 0 5px 30px;
        border-bottom: 1px solid #efefef;
    }

        .widget ul li:last-child {
            border-bottom: 0 none;
        }

.sidebar-post {
    overflow: hidden;
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

    .sidebar-post:last-child {
        border-bottom: 0 none;
    }

    .sidebar-post span {
        float: left;
        margin-left: 75px;
    }

    .sidebar-post img {
        position: absolute;
        top: 3px;
        left: 0;
    }

    .sidebar-post span a {
        color: #686868;
    }

    .sidebar-post h5 {
        font-size: 12px;
        font-weight: 400;
        color: #444;
        margin-bottom: 5px;
        float: left;
        margin-left: 75px;
    }


.featured-sidebar {
    width: 200px;
    float: left;
    border: 1px solid #dfdfdf;
}

    .featured-sidebar ul {
        border-bottom: 1px solid #efefef;
    }

    .featured-sidebar a {
        color: #686868;
        width: 180px;
        height: 36px;
        line-height: 36px;
        display: block;
        font-weight: 600;
        margin-left: 10px;
        border-bottom: 1px solid #efefef;
    }

    .featured-sidebar ul li.selected {
        background: url(../images/featured-arrow.png) no-repeat scroll 200px center;
        width: 210px;
    }

    .featured-sidebar ul li a:hover {
        color: #444;
    }

    .featured-sidebar ul li.selected a {
        width: 180px;
        height: 36px;
        z-index: 1000;
    }

    .featured-sidebar ul li:last-child a {
        border-bottom: 0 none;
    }


/*--- 6.4. Portfolio ---*/

ul#filters {
    float: left;
    clear: both;
    margin-bottom: 35px;
}

    ul#filters li {
        display: inline;
        margin: 0 15px 0 0;
    }

        ul#filters li a {
            color: #686868;
            padding: 3px 10px 4px 10px;
            font-weight: 600;
            -webkit-transition: background 0.2s linear;
            -moz-transition: background 0.2s linear;
            -o-transition: background 0.2s linear;
            transition: background 0.2s linear;
        }

.portfolio {
    clear: both;
    overflow: hidden;
    margin-right: -20px;
}

    .portfolio li {
        margin-right: 20px;
        float: left;
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        background: #fff;
        padding-bottom: 5px;
        text-align: center;
        border-bottom: 1px solid #d9d8d7;
        -webkit-transition: background 0.3s ease-in;
        -moz-transition: background 0.3s ease-in;
        -o-transition: background 0.3s ease-in;
        transition: background 0.3s ease-in;
    }

        .portfolio li:hover {
            background: #f2f2f0;
        }

    .portfolio h3 {
        position: relative;
        clear: both;
        font-size: 13px;
        color: #444;
        line-height: 22px;
        margin: 15px 0 10px;
        width: 100%;
        left: 0;
        font-weight: 600;
    }

        .portfolio h3 a {
            color: #444;
        }

    .portfolio p {
        padding: 0 7px;
    }

#portfolio-wrapper a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

#portfolio-wrapper .four-columns img {
    width: 208px;
    height: auto;
    display: block;
}

#portfolio-wrapper .three-columns img {
    width: 288px;
    height: auto;
    display: block;
}

#portfolio-wrapper .two-columns img {
    width: 448px;
    height: auto;
    display: block;
}

#portfolio-wrapper .four-columns li {
    width: 208px;
    display: block;
    position: relative;
    padding: 5px;
    background: white;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

#portfolio-wrapper .three-columns li {
    width: 288px;
    display: block;
    position: relative;
    padding: 5px;
    background: white;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

#portfolio-wrapper .two-columns li {
    width: 448px;
    display: block;
    position: relative;
    padding: 5px;
    background: white;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

.item-details p {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #efefef;
}

.item-details span {
    color: #444;
}

.portfolio-single {
    margin-bottom: 50px;
    overflow: hidden;
}

.previous-post-link a, .next-post-link a {
    width: 25px;
    height: 25px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin-top: 10px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}


/*--- 6.5. Blog ---*/

#posts {
    float: left;
    position: relative;
    width: 640px;
    margin-right: 40px;
    overflow: hidden;
}

.single-post .post {
    border-bottom: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

h2.post-title a {
    color: #444;
}

.meta a {
    color: #c7c7c7;
}

.post-thumbnail {
    margin-bottom: 30px;
    display: inline-block;
    clear: both;
    margin-top: 0px;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

.video-thumbnail {
    margin-bottom: 30px;
    display: inline-block;
    clear: both;
    margin-top: 0px;
}

.post-thumbnail a {
    display: block;
    position: relative;
    vertical-align: bottom;
}

.post-thumbnail img {
    width: 630px;
    height: auto;
    background: #fff;
}

.meta {
    clear: both;
    float: left;
    margin-bottom: 20px;
}

    .meta span {
        padding-left: 23px;
        float: left;
        margin-right: 20px;
    }

        .meta span.post-date {
            background: url(../images/calendar.png) no-repeat scroll 0 3px;
            color: #C7C7C7;
        }

        .meta span.post-author {
            background: url(../images/author.png) no-repeat scroll 0 3px;
        }

        .meta span.post-comment {
            background: url(../images/comment.png) no-repeat scroll 0 4px;
        }

    .meta p {
        margin: 0;
        padding: 5px 0;
    }

.excerpt {
    width: 100%;
    clear: both;
}

p.readmore {
    text-align: right;
}

.post {
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
}

.post-content {
    clear: both;
    padding-top: 40px;
}

.right-image {
    float: right;
    margin: 5px 0 0 20px;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

.left-image {
    float: left;
    margin: 5px 20px 0 0;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}

.post-image {
    margin: 5px 0 20px;
}

ul.tags {
    padding: 0 0 10px;
    position: relative;
    overflow: hidden;
}

    ul.tags a {
        color: #c7c7c7;
    }

    ul.tags li {
        display: inline;
        float: left;
        height: 16px;
        line-height: 20px;
        margin: 30px 20px 0 0;
    }

.tag-title {
    background-image: none;
    float: left;
    line-height: 18px;
    margin: 30px 20px 0 0;
}

.author-bio {
    clear: both;
    margin: 30px 0 0;
    overflow: hidden;
    padding: 15px 0 15px;
    position: relative;
}

.authorp {
    float: left;
    width: 82%;
}

    .authorp h2 {
        color: #C7C7C7;
    }

        .authorp h2 a {
            color: #444;
        }

.author-bio p {
    margin-bottom: 0;
}

.author-bio img {
    float: left;
    margin: 0 25px 0 0;
    padding: 4px;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
}


/*--- 6.5.1. Comments ---*/

.commentlist {
    list-style-type: none;
    margin: 30px 0 40px;
}

.comment {
    margin-top: 35px;
    position: relative;
    padding: 0;
    display: inline-block;
}

    .comment a {
        color: #444;
    }

.commentwrap {
    margin: 0 0 0 100px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #EFEFEF;
}

.avatar {
    left: 0;
    position: absolute;
    top: 0;
}

    .avatar img {
        padding: 4px;
        border: 1px solid #EFEFEF;
        border-radius: 3px;
    }

.metacomment {
    margin-bottom: 10px;
    padding: 0;
}

    .metacomment span {
        font-weight: bold;
        margin: 0 5px 0 0;
    }

ul.threaded {
    margin-left: 75px;
}

#commentform {
    width: 640px;
    position: relative;
}

    #commentform fieldset {
        clear: both;
    }

    #commentform input[type="text"] {
        width: 174px;
        padding: 7px 10px;
        font-size: 12px;
        height: 20px;
        line-height: 20px;
    }

textarea#mycomment {
    width: 618px;
    padding: 10px;
    clear: both;
    overflow: hidden;
    float: left;
    margin-bottom: 5px;
}

#commentform input[type="submit"] {
    margin-top: 5px;
    border: 0 none;
}

.error_message {
    color: #ff3000;
}


/*--- 6.5.2. Pagination ---*/

.pagenav {
    text-align: center;
    vertical-align: middle;
}

    .pagenav a {
        background: #fff;
        color: #686868;
        display: inline-block;
        margin: 4px;
        padding: 5px 12px;
        font-weight: 600;
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
    }

span.current {
    color: #fff;
    display: inline-block;
    margin: 4px;
    padding: 5px 12px;
}

span.pages {
    display: inline-block;
    margin: 4px;
    padding: 5px 12px;
    font-weight: 600;
}


/*--- 6.6. Contact ---*/

.contact-info p {
    margin: 0;
    padding: 7px 0;
    border-top: 1px solid #efefef;
}

    .contact-info p:last-child {
        border-bottom: 1px solid #efefef;
    }

.contact-info span {
    color: #444;
}

.contact-map {
    margin-bottom: 50px;
}

#contactform label {
    clear: both;
}

#contactform input[type=text] {
    margin-bottom: 10px;
    width: 89%;
    padding: 3% 5%;
    height: 20px;
    line-height: 20px;
}

#contactform input[type=submit] {
    font-size: 12px;
    clear: both;
    float: right;
    cursor: pointer;
    margin: 0;
}

#contactform textarea {
    height: 130px;
    clear: both;
}

.contact-loader {
    float: right;
    padding: 11px 11px 0 0;
}


/*--- 6.8. contentText ---*/

.contentText {
    position: relative;
    padding: 1%;
    height: 100%;
    text-align: left;
    background: #fff;
    border-top: 1px solid #00297D;
    border-bottom: 0px solid #575757;
    margin-bottom: 0px;
    width: 98%;
    color: #00297D;
}

    .contentText h2 {
        font-size: 26px;
        color: #00297D;
    }

        .contentText h2 b {
            font-size: 26px;
            font-family: lato_bold, Arial;
        }

    .contentText h3 {
        font-size: 20px;
        color: #00297D;
    }

    .contentText h2 b {
        font-size: 20px;
        font-family: lato_bold, Arial;
    }

    .contentText h5 {
        color: #646464;
    }

    .contentText a:hover {
        color: #444;
    }

.LatesNewstitle {
}
/*--- 6.9 FANCY TYPOGRAPHY ---*/

/* Fancy Lists 
-------------------------------------------------------------- */
.fancy_list, .sitemap_list {
    padding-left: 0;
}

    .fancy_list li, .sitemap_list li {
        padding-left: 26px;
        list-style: none;
        margin-top: 5px;
        background: url(../images/custom_sprite_dddddd.png) no-repeat -303px -320px;
    }

    .fancy_list .comment_list {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -380px -241px;
    }

    .fancy_list .bullet_list {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -67px -557px;
    }

    .fancy_list .check_list {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -461px -161px;
    }

    .fancy_list .minus_list {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -101px -518px;
    }

    .fancy_list .plus_list {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -141px -478px;
    }

    .fancy_list .star_list {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -581px -41px;
    }

    .fancy_list .arrow_list {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -303px -320px;
        margin-left: 20px;
    }

    .fancy_list .circle_arrow {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -619px -2px;
    }

    .fancy_list .triangle_arrow {
        background: url(../images/custom_sprite_dddddd.png) no-repeat -500px -124px;
    }


/*-----------------------------------------------------------------------------------*/
/*	7.	Footer
/*-----------------------------------------------------------------------------------*/

#footer {
    overflow: hidden;
    clear: both;
    width: 1020px;
    background: #D9DBDD;
    color: #333333;
    padding-top: 30px;
    margin: 0 auto;
    border-top: 5px solid #00297D;
}

#topfooter {
    padding: 0;
    margin: 0;
}

    #topfooter h6 {
        margin: 0;
        font-size: 12px;
        font-weight: 400;
    }

ul#contact-widget li {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0px;
    padding-left: 34px;
    line-height: 18px;
}

ul#blog-widget li {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

    ul#blog-widget li img {
        position: absolute;
        top: 3px;
        left: 0;
    }

    ul#blog-widget li h6 {
        float: left;
        padding-left: 75px;
    }

    ul#blog-widget li span {
        float: left;
        clear: both;
        padding-left: 75px;
        width: 100%;
    }

ul#contact-widget li:last-child {
    border-bottom: 1px dotted #B1B1B1;
    margin-bottom: 4px;
}

ul#blog-widget li:last-child {
    border-bottom: 0 none;
}

li.address {
    background: url(../images/address.png) no-repeat scroll 0 2px;
    background-position: left center;
}

li.phone {
    background: url(../images/phone.png) no-repeat scroll 0 2px;
    background-position: left center;
}

li.email {
    background: url(../images/email.png) no-repeat scroll 0 2px;
    background-position: left center;
}

#footer a {
    color: #333333;
}

#footer h3 {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    border-bottom: 1px solid #333333;
    text-transform: uppercase;
}

#bottomfooter {
    padding: 14px 0 10px;
    position: relative;
    overflow: hidden;
    clear: both;
    margin-top: 20px;
    background: #B1B1B1;
}

    #bottomfooter p {
        float: left;
        margin: 0;
        color: #fff;
        font-size: 90%;
    }

    #bottomfooter .bottombar {
        width: 100%;
        float: left;
        color: #fff;
    }

        #bottomfooter .bottombar .notices {
            margin: 0px;
            color: #fff;
        }

            #bottomfooter .bottombar .notices a {
                text-decoration: none;
                color: #fff;
            }

                #bottomfooter .bottombar .notices a:hover {
                    text-decoration: underline;
                }

.publication {
    width: 31%;
    padding: 1%;
    float: left;
    text-align: center;
}

.totop {
    background: url(../images/top.png) no-repeat scroll 0 0;
    width: 37px;
    height: 42px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -18px;
    text-indent: -9999px;
}


/*--- 7.1. Twitter ---*/

.tweet,
.query {
    margin: 0;
}

.tweet_list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}

.widget .tweet_list li {
    background: none;
    padding: 10px 0;
}

.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0;
    list-style-type: none;
    border-bottom: 1px solid #efefef;
    background: none;
}

    .tweet_list li:last-child {
        border-bottom: 0 none;
    }

    .tweet_list li a {
    }

.tweet_list .tweet_avatar {
    padding-right: .5em;
    float: left;
}

    .tweet_list .tweet_avatar img {
        vertical-align: middle;
    }


/*--- 7.2. Flickr ---*/

#flickr {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 270px;
}

    #flickr li {
        list-style: none;
        float: left;
        margin: 0 9px 9px 0;
        border: 0 none;
        padding: 0;
    }

    #flickr img {
        display: block;
        width: 45px;
        height: 45px;
    }

    #flickr a img {
        border: none;
    }


/*--- 7.3. Social Icons ---*/

ul#social {
    float: right;
    margin-right: -5px;
}

    ul#social li {
        display: inline;
    }

        ul#social li a {
            display: block;
            margin: 0;
            width: 40px;
            float: left;
            height: 40px;
            text-indent: -9999px;
            opacity: 1.0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
        }

a.forrst {
    background: url(../images/social/forrst.png) no-repeat scroll 0 0;
}

a.dribbble {
    background: url(../images/social/dribbble.png) no-repeat scroll 0 0;
}

a.vimeo {
    background: url(../images/social/vimeo.png) no-repeat scroll 0 0;
}

a.linkedin {
    background: url(../images/social/linkedin.png) no-repeat scroll 0 0;
}

a.google {
    background: url(../images/social/googleplus.png) no-repeat scroll 0 0;
}

a.skype {
    background: url(../images/social/skype.png) no-repeat scroll 0 0;
}

a.facebook {
    background: url(../images/social/facebook.png) no-repeat scroll 0 0;
}

a.twitter {
    background: url(../images/social/twitter.png) no-repeat scroll 0 0;
}

a.flickr {
    background: url(../images/social/flickr.png) no-repeat scroll 0 0;
}

a.rss {
    background: url(../images/social/rss.png) no-repeat scroll 0 0;
}

a.stumbleupon {
    background: url(../images/social/stumbleupon.png) no-repeat scroll 0 0;
}

a.youtube {
    background: url(../images/social/youtube.png) no-repeat scroll 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*	8.	Elements
/*-----------------------------------------------------------------------------------*/


/*--- 8.1. Slides ---*/

.portfolio-single .percent-three-fourth {
    min-height: 30px;
}

.slides_container {
    width: 685px;
    display: none;
}

    .slides_container div.slide {
        width: 685px;
        display: block;
    }

#slides {
    margin-bottom: 70px;
    padding: 4px;
    border: 1px solid #efefef;
    border-radius: 3px;
}

    #slides .next, #slides .prev {
        position: absolute;
        top: 40%;
        width: 25px;
        height: 25px;
        display: block;
        z-index: 101;
    }

    #slides .next {
        right: 5px;
    }

    #slides .prev {
        left: 5px;
    }

.slide img {
    width: 100%;
    height: auto;
    overflow: visible;
    vertical-align: bottom;
}

.slide a {
    display: block;
    margin: 0;
    padding: 0;
}

#slides .next img, #slides .prev img {
    height: auto;
    width: auto;
}

.pagination {
    position: absolute;
    text-align: center;
    z-index: 1000;
    width: 100%;
    bottom: 45px;
}

    .pagination li {
        display: inline;
        margin-left: 1px;
        list-style: none;
        text-align: center;
    }

        .pagination li a {
            display: inline-block;
            width: 13px;
            height: 0;
            padding-top: 12px;
            background-image: url(../images/pagination.png);
            background-position: 0 0;
            overflow: hidden;
        }

        .pagination li.current a {
            background-position: 0 -14px;
        }

#slides .caption {
    z-index: 500;
    position: absolute;
    bottom: -35px;
    left: 0;
    height: 30px;
    padding: 5px 20px 0 20px;
    background: rgba(0,0,0,.5);
    width: 540px;
    font-size: 1.3em;
    line-height: 1.33;
    text-shadow: none;
}

/*--- 8.2. Buttons ---*/

.button {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 10px 20px 0;
    padding: 7px 11px 7px;
    position: relative;
    border-radius: 8px;
    border: none;
    outline: 0;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    text-transform: uppercase;
    min-width: 120px;
    text-align: center;
}

.white {
    background: #eaeaea;
    color: #686868;
}

    .white:hover {
        color: #686868;
        background: #d2d2d2;
    }

.yellow {
    background: #ff900b;
    border: 0 none;
    color: #00297D;
}

    .yellow:hover {
        color: #333;
        background: #ffde75;
    }

    .yellow:disabled {
        color: #666666;
        background: #cecece;
    }

.orange {
    background: #fe7e17;
    border: 0 none;
    color: #fff;
}

    .orange:hover {
        color: #fff;
        background: #f77309;
    }

.black {
    background: #787878;
    color: #ffffff;
}

    .black:hover {
        color: #ffffff;
        background: #444;
    }

.green {
    background: #9dd30b;
    color: #fff;
}

    .green:hover {
        color: #fff;
        background: #8dbd0a;
    }

.bleumarin {
    background: #30b4c5;
    color: #fff;
}

    .bleumarin:hover {
        background: #2b9fae;
        color: #fff;
    }

.rose {
    background: #ee5051;
    color: #fff;
}

    .rose:hover {
        color: #fff;
        background: #d64849;
    }


/*--- 8.3. Tabs ---*/

.tabs-wrapper {
    width: 100%;
}

.tab-item {
    clear: both;
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
}

.tabs-container {
    float: left;
    position: relative;
    display: block;
    width: 100%;
}

.tabs-wrapper .tab-content {
    background: #fff;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #EFEFEF;
    border-radius: 0px 3px 3px 3px;
}

ul.tabs {
    float: left;
    height: 34px;
    width: 100%;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.tabs-container p:last-child {
    margin-bottom: 0;
}

ul.tabs li {
    float: left;
    padding-left: 0 !important;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    text-align: center;
    outline: none;
}

    ul.tabs li a {
        height: 34px;
        line-height: 34px;
        text-decoration: none;
        font-size: 12px;
        display: block;
        padding: 0 25px;
        outline: none;
        border: 1px solid #fff;
        color: #9a9a9a;
    }

    ul.tabs li:last-child {
    }

    ul.tabs li a:hover {
        color: #444;
    }

    ul.tabs li.active a {
        border-top: 1px solid #EFEFEF;
        border-left: 1px solid #EFEFEF;
        border-right: 1px solid #EFEFEF;
        border-bottom: 1px solid #fff;
        border-radius: 3px 3px 0 0;
        color: #444;
    }

    ul.tabs li.active {
        z-index: 1;
    }

        ul.tabs li.active, ul.tabs li.active a:hover {
            background: #fff;
            color: #444;
        }


/*--- 8.4. Toggles ---*/

#toggle-view {
    list-style: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

    #toggle-view li {
        margin-bottom: 1px;
        border-bottom: 1px solid #EFEFEF;
        position: relative;
    }

        #toggle-view li:hover {
        }

    #toggle-view h3 {
        margin: 0;
        font-size: 16px;
        cursor: pointer;
        padding: 12px 10px 12px 40px;
        color: #686868;
        font-weight: 400;
    }

        #toggle-view h3:hover, #toggle-view h3:active {
            color: #444;
        }

    #toggle-view span {
        position: absolute;
        left: 0;
        top: 14px;
    }

    #toggle-view .panel {
        display: none;
        overflow: hidden;
        padding: 10px 0 20px 0;
    }

        #toggle-view .panel p:last-child {
            margin-bottom: 0;
        }


/*--- 8.5. Accordions ---*/

.ac-btn {
    background: #fbfbfb;
    border: 1px solid #EFEFEF;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    padding: 7px 10px;
    margin-bottom: 1px;
}

    .ac-btn h3 {
        margin: 0;
        font-size: 12px;
        cursor: pointer;
        color: #686868;
    }

        .ac-btn h3:hover {
            color: #444;
        }

.ac-content {
    border-top: 0;
    border: 1px solid #EFEFEF;
    display: none;
    margin-bottom: 2px;
    margin-top: -3px;
    overflow: auto;
    padding: 10px 20px;
    position: relative;
    top: 1px;
}

.on {
    background: #f7f7f7;
    color: #444;
}

.over {
    background: #f7f7f7;
    color: #444;
}


/*--- 8.6. Tables ---*/

.pricing-column {
    text-align: center;
    width: 235px;
    float: left;
    position: relative;
}

.first-column .package-value, .first-column .package-features, .first-column .signup {
    border-left: 1px solid #dbdbdb;
}

.package-value, .package-features {
    border-right: 1px solid #dbdbdb;
}

.package-title {
    background: #686868;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-bottom: 3px solid #545454;
    border-right: 1px solid #545454;
}

.featured-column {
    top: -10px;
    box-shadow: 0px 2px 10px #dadada;
    z-index: 1;
}

    .featured-column .package-title {
        height: 40px;
        line-height: 30px;
        position: relative;
        font-weight: 600;
        box-shadow: 0px -1px 10px #000;
        z-index: -1;
    }

    .featured-column .column-shadow {
        height: 10px;
        background: #686868;
        position: relative;
        z-index: 10;
        box-shadow: 0px -1px 2px #dadada;
    }

.pricing-table .featured-column .signup {
    padding: 25px 0;
}

.pricing-column .signup {
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    padding: 20px 0;
}

    .pricing-column .signup .button {
        margin: 0;
    }

.package-value {
    background: #f9f9f9;
    height: 95px;
    line-height: 95px;
    border-bottom: 1px solid #dbdbdb;
}

ul.package-features li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
}

    ul.package-features li.alt {
        background: #f9f9f9;
    }

.package-currency {
    font-size: 16px;
    position: relative;
    top: -20px;
}

.package-price {
    font-size: 48px;
    font-weight: 600;
}

.package-time {
    font-size: 16px;
}

.pricing-table, .normal-table {
    width: 100%;
}

    .normal-table td {
        border: 1px solid #efefef;
        padding: 10px 20px;
        text-align: center;
    }

    .normal-table tr.alt {
        background: #fbfbfb;
    }

    .normal-table tr.first-column {
        background: #666666;
        color: #efefef;
    }

/*--- 8.7. Info Boxes ---*/

.box-error, .box-alert, .box-notice, .box-success, .box-info {
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding: 10px;
}

.box-error, .box-alert {
    background: #fce2e3;
    border-color: #fac2c4;
    color: #e54034;
}

.box-notice {
    background: #fdf4bd;
    border-color: #fed223;
    color: #504621;
}

.box-info {
    background: #d4ebf6;
    border-color: #91c8e2;
    color: #20568f;
}

.box-success {
    background: #e5eec0;
    border-color: #c4d67e;
    color: #264509;
}


/*--- 8.8. Lists ---*/

ul.star-list li {
    background: url(../images/list-star-small.png) no-repeat scroll center left;
}

ul.radio-list li {
    background: url(../images/list-ui-radio-button.png) no-repeat scroll center left;
}

ul.arrow-list li {
    background: url(../images/list-arrow-small.png) no-repeat scroll center left;
}

ul.tick-list li {
    background: url(../images/list-okay.png) no-repeat scroll center left;
}

ul.customlist li {
    padding-left: 20px;
}

/*--- 8.9. Latest News ---*/

#LatestNews {
    width: 100%;
}

    #LatestNews article {
        overflow: hidden;
    }

    #LatestNews .title {
        font-size: 140%;
        font-weight: bold;
        margin: auto;
        padding: 6px 0 6px 0;
        background-color: #dbdbdb;
        text-align: center;
    }

    #LatestNews .title-toggle-plus {
        color: inherit;
        font-size: 140%;
        font-weight: bold;
        margin: auto;
        padding: 6px 0 6px 0;
        text-align: center;
        background: #dbdbdb url(../images/plus.png) no-repeat;
        background-position: right 4px center;
    }

    #LatestNews .title-toggle-minus {
        color: inherit;
        font-size: 140%;
        font-weight: bold;
        margin: auto;
        padding: 6px 0 6px 0;
        text-align: center;
        background: #dbdbdb url(../images/minus.png) no-repeat;
        background-position: right 4px center;
    }


    #LatestNews .newslink {
        height: 20px;
        border-bottom: 2px solid #efefef;
    }

    #LatestNews .newsheadline {
        font-size: 100%;
        margin: auto;
        padding: 6px;
        background-color: #efefef;
    }

    #LatestNews .newstitle {
        font-size: 100%;
        font-weight: bold;
        color: #686868;
        margin: auto;
        line-height: 14px;
        padding: 4px 6px 0;
    }

    #LatestNews .newssubtitle {
        font-size: 100%;
        color: #686868;
        margin: auto;
        padding: 4px 6px 4px;
        line-height: 14px;
    }

    #LatestNews img {
        width: 80px;
        float: left;
        padding-right: 6px;
        padding-bottom: 0px;
    }

    #LatestNews p {
        padding: 0 10px 4px;
        margin: 0;
        line-height: 16px;
        font-size: 90%;
    }

    #LatestNews ul.meta {
        font-size: 0.85em;
        color: #a1aaa5;
    }

        #LatestNews ul.meta li {
            position: relative;
            display: inline-block;
            padding-left: 24px;
            margin-left: 1em;
        }

            #LatestNews ul.meta li a {
                color: inherit;
                outline: 0;
            }

            #LatestNews ul.meta li:first-child {
                margin-left: 0;
            }

            #LatestNews ul.meta li:before {
                content: '';
                display: block;
                position: absolute;
                width: 16px;
                height: 16px;
                left: 0;
                top: 50%;
                margin-top: -8px;
                background: url('../images/icons-meta.png');
            }

            #LatestNews ul.meta li.timestamp:before {
                background-position: 0px 0px;
            }

            #LatestNews ul.meta li.comments:before {
                background-position: -16px 0px;
            }


/*--- 8.10. Alerts ---*/

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success h4 {
    color: #468847;
}

.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

    .alert-danger h4, .alert-error h4 {
        color: #b94a48;
    }

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info h4 {
        color: #3a87ad;
    }

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0;
    }

    .alert-block p + p {
        margin-top: 5px;
    }

/*--- 8.11. Timestamp/Comments ---*/

ul.ts {
    font-size: 100%;
    color: #a1aaa5;
}

    ul.ts li {
        position: relative;
        display: inline-block;
        padding-left: 24px;
        margin-left: 1em;
    }

        ul.ts li a {
            color: inherit;
            outline: 0;
        }

        ul.ts li:first-child {
            margin-left: 0;
        }

        ul.ts li:before {
            content: '';
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 50%;
            margin-top: -8px;
            background: url('../images/icons-meta.png');
        }

        ul.ts li.timestamp:before {
            background-position: 0px 0px;
        }

        ul.ts li.comments:before {
            background-position: -16px 0px;
        }

/*--------------------------------*/
.iconlist {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

    .iconlist a:hover {
        text-decoration: underline;
    }

    .iconlist a {
        color: inherit;
        text-decoration: none;
    }

.pdf {
    background-image: url(../images/FileType_Icons/filetype_pdf.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 40px;
    margin: .4em 0;
}

.doc, .docx {
    background-image: url(../images/FileType_Icons/filetype_word.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 40px;
    margin: .4em 0;
}

.xls, .xlsx {
    background-image: url(../images/FileType_Icons/filetype_excel.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 40px;
    margin: .4em 0;
}

.text {
    background-image: url(../images/FileType_Icons/filetype_text.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 40px;
    margin: .4em 0;
}

.png, .gif, .jpeg, .jpg, .bmp {
    background-image: url(../images/FileType_Icons/filetype_image.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 40px;
    margin: .4em 0;
}

.other {
    background-image: url(../images/FileType_Icons/filetype_other.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 40px;
    margin: .4em 0;
}
/*--------------------------------*/