@charset "utf-8";
/* CSS Document */

/*@import "reset.css";*/

/*----*****---- << General >> ----*****----*/

/* typography */

@font-face {
    font-family: 'AvenirLTStd45Book';
    src: url('/assets/fonts/avenirltstd-book.eot');
    src: url('/assets/fonts/avenirltstd-book.eot') format('embedded-opentype'), url('/assets/fonts/avenirltstd-book.woff') format('woff'), url('/assets/fonts/avenirltstd-book.ttf') format('truetype'), url('/assets/fonts/avenirltstd-book.svg#AvenirLTStd45Book') format('svg');
}

body {
    font-family: Verdana, Tahoma, sans-serif; /* Geneva */
    font-weight: normal;
    font-size: 16px;
    margin: 0;
}

/*----*****---- << Fonts >> ----*****----*/

h1, h2, h3, h4, h5, h6, .slider-content ul li, #layerslider ul li, #jq_fmslideshow #fmslideshow .txtMedium, #jq_fmslideshow #fmslideshow .txtLarge, #expand-toggle .expand, ul.menu li a, ul.menu li ul li a, .slider-content .short-desc, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #jq_fmslideshow #fmslideshow .txtNormal, #jq_fmslideshow #fmslideshow .txtExNormal, #layerslider .subtitle { /*font-family:'Droid Sans'*/
    font-family: Verdana, serif;
    font-weight: 700;
}

    h2.loginH2 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
        margin-top: 0 !important;
    }

/*----*****---- << Headings >> ----*****----*/

h1, h2, h3, h4, h5, h6 { /*text-transform:uppercase;*/
}

h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
}

h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}

    h2.greenH2 {
        color: #638800;
        font-size: 20px;
        line-height: 26px;
        margin: 30px 0 12px 0;
    }

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

    h3.greenH3 {
        color: #638800;
        font-size: 18px;
        line-height: 20px;
        margin: 30px 0 15px 0;
    }

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

h5 {
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

h6 {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
    font-weight: normal;
}

h1.with-subtitle {
    margin-bottom: 5px;
}

h6.subtitle {
    margin-bottom: 30px;
}

hr {
    border: 0;
    clear: both;
    display: block;
    width: 100%;
    background-color: #d1d1d1;
    height: 1px;
}

    hr.greenHr {
        margin: 0 0 15px 0;
        background-color: #d1d1d1;
        padding: 0;
    }

a:link.epiLinkVideo, a:active.epiLinkVideo, a:visited.epiLinkVideo {
    display: inline-block;
    font-size: 16px;
    color: #638800;
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    outline: 0;
    text-decoration: underline;
}

a:hover.epiLinkVideo {
    color: #6a6a6a;
    outline: 0;
}

.videoContainer {
    background-color: #FFFBEB;
    border: 1px solid #638800;
    padding: 0 10px 10px 10px;
}

	.videoContainer h2 {
		font-size: 16px;
		-webkit-text-stroke: 0px;
		padding: 2px 4px 4px 4px;
	}

/*----*****---- << Text Elements >> ----*****----*/

a {
    text-decoration: none;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

    a img {
        border: none;
    }

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

p { /*line-height:24px;*/
    margin-bottom: 10px;
}

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

ul {
    list-style-type: disc;
    list-style-position: outside;
}

    ul li {
        padding-bottom: 10px;
    }

        ul li ul {
            list-style-type: circle;
            padding-left: 20px;
            margin: 10px 0px 0px;
        }

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

ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 20px;
    padding-top: 10px;
}

    ol li {
        padding-bottom: 10px;
    }

        ol li ol {
            margin-bottom: 0px;
            list-style-type: lower-alpha;
        }

    ol ol ol {
        margin-bottom: 0px;
        list-style-type: lower-roman;
    }

blockquote {
    line-height: 24px;
    font-style: italic;
    padding: 0px 0px 0px 40px;
    margin: 0px 0px 10px;
    float: left;
}

    blockquote p {
        margin-bottom: 0px;
    }

    blockquote.left {
        margin-right: 20px;
        text-align: left;
        width: 30%;
        float: left;
    }

    blockquote.right {
        margin-left: 20px;
        text-align: left;
        width: 30%;
        float: right;
    }

pre, code {
    display: block;
    padding: 10px;
    font-size: 11px;
    font-family: monospace;
}

hr {
    border: none;
    height: 1px;
    margin: 30px 0;
}

.black {
    color: #000000;
}

.nw {
    white-space: nowrap;
}

/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */

.hr {
    width: 100%;
    height: 2px;
    clear: both;
    float: left;
    margin: 20px 0;
    position: relative;
    z-index: 1;
}

.hr-invisible {
    float: left;
    width: 100%;
    margin: 20px 0px;
}

.hr-border {
    height: 2px;
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0px;
    position: relative;
    z-index: 1;
}

.clear {
    float: none;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

/*----*****---- << Tables >> ----*****----*/

table {
    border-collapse: separate;
    border-spacing: 0;
    border-top-width: 5px;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}

th {
    padding: 10px 15px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}

td {
    font-size: 12px; /*text-align:center;*/
    padding: 13px 15px;
}

/*----*****---- << Definition Lists >> ----*****----*/

dl {
    margin: 0px 20px;
}

    dl.gallery-item {
        margin: 0px;
    }

.gallery-caption {
    margin-bottom: 10px;
}

dt {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

dd {
    margin-bottom: 20px;
    line-height: 20px;
}

/*----*****---- << Buttons >> ----*****----*/

/*.button { display:inline-block; *display:inline; zoom:1; margin:10px 0px 0px; cursor:pointer; border-radius:5px; behavior:url(PIE.htc); }
	.button:hover { opacity:0.8; filter:alpha(opacity=80); }
	
	.button.small { padding:5px 15px 6px; font-size:13px; }
	.button.medium { padding:9px 22px 10px; font-size:16px; }
	.button.large { padding:11px 26px 13px; font-size:20px; }
	.button.xlarge { padding:14px 30px 16px; font-size:24px; }
	
	.button.light-grey:hover { opacity:0.6; filter:alpha(opacity=60); }
	
	.button.heart-icon span { padding:6px 0 4px 27px; display:block; }
	.button.rss-icon span { padding:6px 0 4px 23px; display:block; }
	.button.mail-icon span { padding:6px 0 4px 26px; display:block; }
	.button.refresh-icon span { padding:6px 0 4px 24px; display:block; }
	.button.zoom-icon span { padding:6px 0 4px 23px; display:block; }
	.button.download-icon span { padding:6px 0 4px 24px; display:block; }
	.button.delete-icon span { padding:6px 0 4px 23px; display:block; }
	.button.warning-icon span { padding:6px 0 4px 24px; display:block; }
	.button.chat-icon span { padding:6px 0 4px 24px; display:block; }
	.button.star-icon span { padding:6px 0 4px 23px; display:block; }	

	.button.heart-icon, .button.rss-icon, .button.mail-icon, .button.refresh-icon, .button.zoom-icon, .button.download-icon, .button.delete-icon, .button.warning-icon, .button.chat-icon, .button.star-icon { padding:0px 15px 0px 10px; line-height:20px; }*/

/*input.button { overflow: visible;  width:auto !important; }*/

/*----*****---- << Forms >> ----*****----*/

/*label{ font-size:14px; }

	fieldset{ padding:15px; margin:0 0 20px 0; }
	legend{ font-weight: bold; }*/

form p {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 14px; /*14px = default font-size for site*/
}

/*input[type=text], input[type=password], input.text, textarea{ padding:10px; display:block; font:normal 12px Tahoma, Geneva, sans-serif; }
	input[type=text], input[type=password], input.text { width:51%; }
	textarea { width:82%; height:120px; }
	select{ padding:10px; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius:5px; behavior:url(PIE.htc); }*/

/*.content input[type=text], .content input[type=password], .content input.text, .content textarea {  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; border-radius:5px; }*/

/*input[type=submit] { padding:6px 15px 7px; display:inline-block; *display:inline; zoom:1; margin:10px 0px 0px; cursor:pointer; font:normal 13px Tahoma, Geneva, sans-serif; cursor:pointer; overflow:visible; transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; border-radius:5px; behavior:url(PIE.htc); }
	input[type=submit]:hover { opacity:0.8; filter:alpha(opacity=80); }
	
	input[type=text], input[type=password], input.text, textarea, select{ margin:5px 0 10px; }*/

/*----*****---- << Images >> ----*****----*/

.content img { /*max-width:100%;*/
}

.post-content input[type="submit"] {
    float: none;
}

.wp-caption {
    margin-bottom: 20px;
    max-width: 96%;
    padding: 10px 0px 10px 10px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

    .wp-caption img {
        border: none;
    }

    .wp-caption a {
        line-height: 0;
        display: block;
        width: 100%;
    }

    .wp-caption .wp-caption-text {
        text-align: center;
        padding-top: 10px;
        margin: 0px;
    }

img.size-auto, img.size-large, img.size-full, img.size-medium {
    max-width: 99.6%;
    height: auto;
}

.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 20px;
}

/*----*****---- << Columns >> ----*****----*/

.column {
    margin: 0px 2% 0px 0px;
    float: left;
    min-height: 1px;
    position: relative;
}

    .column.last {
        margin-right: 0px;
    }

.one-fourth {
    width: 23.4%;
}

.one-half {
    width: 48.9%;
}

.one-third {
    width: 31.9%;
}

.three-fourth {
    width: 74.5%;
}

.two-third {
    width: 65.8%;
}

.one-fifth {
    width: 18.3%;
}

.four-fifth {
    width: 79.6%;
}

.three-fifth {
    width: 59.2%;
}

.two-fifth {
    width: 38.8%;
}

.one-half img, .one-third img, .one-fourth img, .three-fourth img, .two-third img {
    max-width: 100%;
}

.one-half iframe, .one-third iframe, .one-fourth iframe, .three-fourth iframe, .two-third iframe, iframe {
    max-width: 100%;
}

/*----*****---- << Lists >> ----*****----*/

ul.green-arrow, ul.check-list, ul.rounded-arrow, ul.rounded-check {
    list-style-type: none;
    list-style-position: outside;
}

    ul.green-arrow li {
        display: block;
        padding-left: 22px;
    }

    ul.check-list li {
        display: block;
        padding-left: 22px;
    }

    ul.rounded-arrow li {
        display: block;
        padding-left: 20px;
    }

    ul.rounded-check li {
        display: block;
        padding-left: 20px;
    }

/*----*****---- << Widgets >> ----*****----*/

.widget {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 0px 20px;
}

    .widget h2.widgettitle {
        font-size: 18px;
    }

    .widget ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        list-style-position: outside;
    }

        .widget ul li {
            float: left;
            clear: both;
            display: block;
            width: 100%;
        }

        .widget ul ul {
            margin-top: 10px;
            margin-left: 20px;
        }

            .widget ul ul li {
                width: 90%;
            }

.widget_categories ul li {
    position: relative;
    float: none;
}

    .widget_categories ul li a {
        font-size: 14px;
        padding: 12px 0px 12px 23px;
        display: block;
    }

        .widget_categories ul li a span {
            position: absolute;
            right: 0px;
        }

.widget ul.contact-details li p {
    margin: 0px;
}

.widget ul.contact-details span {
    text-align: center;
    float: left;
    margin: 0px 2% 0px 0px;
    width: 10%;
}

.widget ul.contact-details p {
    float: left;
    margin-bottom: 0px;
    width: 87%;
}

.widget .thumb img {
    padding: 3px 4px 4px;
}

.widget .thumb {
    float: left;
    margin: 2px 10px 10px 0px;
}

.widget.widget_recent_entries h6, .widget.widget_popular_entries h6 {
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
    font-family: Tahoma, Geneva, sans-serif;
    margin-bottom: 5px;
}

.widget.widget_recent_entries p, .widget.widget_popular_entries p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0px;
}

.widget.widget_recent_entries li, .widget.widget_popular_entries li {
    float: left;
    display: block;
    clear: both;
    padding: 0px 0px 10px;
}

    .widget.widget_recent_entries li:last-child, .widget.widget_popular_entries li:last-child {
        padding-bottom: 0px;
    }

/*----*****---- << Layout >> ----*****----*/

/*----*****---- << Container >> ----*****----*/

.container {
    width: 960px;
    margin: 0 auto;
}

    .container.bodyTopPad {
        padding-top: 30px; /*padding-left: 30px;*/
    }

/*----*****---- << Header >> ----*****----*/

#header {
    min-height: 121px;
    width: 100%;
    float: left;
}

#header .container {
    position: relative;
}

.top_alerts {
    width: 100%;
    max-height: 130px;
    padding: 0;
    background: rgb(185,206,152);
    background: linear-gradient(180deg, rgba(185,206,152,1) 0%, rgba(217,232,195,1) 100%);
    display: none !important;
    position: relative;
    z-index: 2;
    /*    opacity: 1;*/
    overflow: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

    .top_alerts .inner-cr {
        padding: 15px;
    }

    .top_alerts .inner-cr p {
        font-size: 12px;
        line-height: 1.4;
        color: #003089;
        margin-bottom: 5px;
    }

        .top_alerts .inner-cr p b {
            color: #ff0000;
        }

    .top_alerts .inner-cr a {
        color: #003089;
        font-weight: 700;
        text-decoration: underline;
    }

  
        #header .new_cta_cr,
        #header .new_cta_cr_mobile {
            width: 555px;
            font-family: Arial, sans-serif;
            padding: 10px 35px 10px 25px;
            position: absolute;
            top: 0;
            right: -24px;
            background: rgb(185,206,152);
            background: linear-gradient(180deg, rgba(185,206,152,1) 0%, rgba(217,232,195,1) 100%);
        }

        #header .new_cta_cr p,
        #header .new_cta_cr_mobile p {
            font-size: 11.5px;
            line-height: 1.1;
            color: #003089;
            margin-bottom: 5px;
        }

            #header .new_cta_cr p b,
            #header .new_cta_cr_mobile p b {
                color: #ff0000;
            }

        #header .new_cta_cr a,
        #header .new_cta_cr_mobile a {
            color: #003089;
            font-weight: 700;
            text-decoration: underline;
        }

    #header .new_cta_cr_mobile {
        width: 289px;
        height: 115px;
        margin: 0 auto;
        position: relative;
        display: block;
    }

#logo {
    float: left;
    margin: 11px 0px 0px;
}

.mastLogo {
    width: 255px;
    height: 88px;
}

.contactFormBioridgeAlt {
    display: none;
}

.social-icons {
    float: left;
    margin: 32px 20px 10px 0px;
    padding: 0px;
}

    .social-icons a {
        float: left;
        margin: 0px 5px;
        padding: 0px;
        width: 30px;
        height: 30px;
        transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -webkit-transition: all .3s linear;
    }

#searchform {
    float: left;
    margin: 28px 0px 0px;
    padding: 0px;
}

    #searchform fieldset {
        padding: 0px;
        border: none;
        margin: 0px;
    }

    #searchform input[type="text"] {
        background: none;
        border: none;
        float: left;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 11px 10px 12px 15px;
        margin: 0px;
        width: 125px;
        transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -moz-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        -o-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }

        #searchform input[type="text"]:hover, #searchform input[type="text"]:focus {
            width: 200px;
        }

    #searchform input[type="submit"] {
        float: left;
        cursor: pointer;
        border: none;
        margin: 6px 6px 0px 0px;
        padding: 0px;
        width: 22px;
        height: 22px;
        position: relative;
        z-index: 9999;
    }

.fulfillmentTagline {
    font-family: Calibri, Arial, Helvetica;
    font-size: 11px;
    color: #999999;
    position: relative;
    top: -2px;
    line-height: 1.0em;
}

/*----*****---- << Menu >> ----*****----*/

#top-menu {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    height: 54px;
    position: relative;
    z-index: 999;
}

ul.menu {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

    ul.menu li {
        float: left;
        display: inline;
        margin: 0px;
        padding: 0px;
        height: 54px;
        position: relative;
    }

        ul.menu li a {
            text-shadow: none;
            float: left;
            font-size: 10px;
            line-height: 54px;
            text-transform: uppercase;
            padding: 0px 9px;
            position: relative;
            z-index: 1;
            transition: none;
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            -webkit-text-stroke: 0.0px;
        }

        ul.menu li.home a {
            width: 31px;
            height: 31px;
            margin: 0px;
            padding: 11px 15px 10px;
            font-size: 0;
            text-align: center;
        }

        ul.menu li:last-child {
            border: none;
        }

        ul.menu li.home li a {
            text-align: left;
        }

        ul.menu li .hoverL, ul.menu li .hoverR {
            opacity: 0;
            filter: alpha(opacity=0);
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.menu li.current_page_item .hoverL, ul.menu li.current_page_item .hoverR, ul.menu li:hover .hoverL, ul.menu li:hover .hoverR {
            -webkit-transition: opacity 0.5s;
            -moz-transition: opacity 0.5s;
            -o-transition: opacity 0.5s;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        ul.menu li ul {
            display: none;
            position: absolute;
            z-index: 100;
            top: 52px;
            left: 0px;
            width: 200px;
            padding: 0px;
            margin: 0px;
        }

            ul.menu li ul li, ul.menu li.home ul li {
                height: auto;
                border-right: 0px;
                clear: both;
                width: 100%;
            }

                ul.menu li ul li a, ul.menu li.home ul li a {
                    font-size: 12px;
                    line-height: normal;
                    line-height: 20px;
                    padding: 10px 15px 9px;
                    width: 170px;
                }

                ul.menu li.home ul li a {
                    background: none;
                    height: auto;
                }

                ul.menu li ul li.current_page_item, ul.menu li ul li:hover {
                    behavior: url(PIE.htc);
                }

            ul.menu li ul ul {
                left: 200px;
                top: -2px;
            }

ul.menu-rounded li {
    border: none;
    margin: 10px 5px 10px;
    height: 32px;
    border-radius: 20px;
    behavior: url(PIE.htc);
}

    ul.menu-rounded li a {
        line-height: 32px;
        text-shadow: none;
        padding: 0px 23px;
        font-size: 13px;
    }

    ul.menu-rounded li.home.current_page_item {
        background: none;
    }

    ul.menu-rounded li.home {
        margin: 0px;
    }

        ul.menu-rounded li.home, ul.menu-rounded li.home:hover {
            background: none;
        }

            ul.menu-rounded li.home ul {
                top: 52px;
            }

    ul.menu-rounded li.hasSubmenu:hover {
        border-radius: 20px 20px 0px 0px;
    }

    ul.menu-rounded li ul {
        top: 32px;
        border: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0px 20px 20px 20px;
        behavior: url(PIE.htc);
    }

        ul.menu-rounded li ul li {
            margin: 0px;
            border-radius: 0px;
            border: none;
        }

            ul.menu-rounded li ul li a {
                padding: 12px 15px 12px;
                font-weight: normal;
            }

        ul.menu-rounded li ul ul {
            border-radius: 20px;
            top: 0px;
            behavior: url(PIE.htc);
        }

.modal-button {
    text-align: center;
    position: relative;
    padding-bottom: 30px;
}

.topNavRight.onlineSupport a {
    height: 54px !important;
    padding: 0 14px;
    margin: 0 !important;
}

    .topNavRight.onlineSupport a img {
        /*width: 137px;*/
        width: 128px;
        height: 18px;
        padding: 0;
        margin: 0;
        position: relative;
        top: -1px;
    }
/* css hack for firefox-only css selection */
@-moz-document url-prefix() {
    .topNavRight.onlineSupport a img;

{
    /*width: 137px;*/
    width: 128px;
    height: 18px;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0;
}

}

/*----*****---- << Home Slider >> ----*****----*/


#home-slider {
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px 0px 58px;
}

.home-slider-bg {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    behavior: url(PIE.htc);
}

#home-slider .container {
    position: relative;
}

.banner-slider-container {
    height: 420px;
    width: 100%;
}

#banner-slider {
    float: left;
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}

    #banner-slider > li {
        width: 100%;
        height: 420px;
        float: left;
        display: block;
        margin: 0px;
        padding: 0px;
        background: none !important;
    }

.slider-content {
    float: left;
    width: 46%;
    margin: 5% 0px 0px;
    padding: 0px;
}

    .slider-content h2 {
        font-size: 24px;
        margin: 0px;
        width: 100%;
    }

    .slider-content .subtitle {
        font-size: 14px;
        text-transform: uppercase;
        text-shadow: none;
        clear: both;
        float: left;
        width: 100%;
    }

    .slider-content .short-desc {
        font-size: 16px;
        line-height: 20px;
        text-shadow: none;
        font-style: italic;
        float: left;
        display: block;
        width: 91%;
        padding: 12px 20px;
        margin: 20px 0px 0px;
        border-radius: 20px 0px 0px 20px;
    }

    .slider-content ul {
        float: left;
        margin: 30px 0px 10px 30px;
        padding: 0px;
        clear: both;
        width: 91%;
    }

        .slider-content ul li {
            float: left;
            display: block;
            clear: both;
            font-size: 18px;
            padding: 7px 0px 7px 30px;
            margin: 0px;
            text-transform: uppercase;
            width: 91%;
        }

.slider-image {
    width: 55%;
    position: absolute;
    right: 0px;
    bottom: 4%;
}

    .slider-image img {
        max-width: 100%;
    }

#slider-nav {
    position: absolute;
    bottom: -37px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    margin: 0;
    clear: both;
}

    #slider-nav a {
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        font-size: 0;
        margin: 0px 2px;
    }

        #slider-nav a.activeSlide, .slider-nav a:hover.activeSlide, #slider-nav a:hover {
            border-radius: 18px;
        }

#banner-fullwidth-slider li img {
    max-width: 100%;
    width: 100%;
}

.banner-fullwidth-slider-container {
    float: left;
    clear: both;
    height: 346px;
    width: 100%;
    position: relative;
}

#banner-fullwidth-slider {
    background-size: cover;
    float: left;
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 0px;
}

    #banner-fullwidth-slider > li {
        float: left;
        display: block;
        margin: 0px;
        padding: 0px;
    }



/*----*****---- << Recal Information Page >> ----*****----*/

.rc_info_cr p {
    margin-bottom: 20px;
    float: none;
}

.rc_info_cr p.mb0 {
    margin-bottom: 0;
}

.rc_info_cr p sup {
    font-size: 70%;
}

.rc_info_cr .rc_header {
    font-size: 20px;
    color: #638800;
    font-weight: bold;
    margin: 15px 0;
}

.rc_info_cr .liner {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: #c3c3c3;
    margin: 0 0 20px 0;
}

.rc_info_cr ul {
    margin: 0;
    padding-left: 21px;
}

.rc_info_cr ul li {
    margin-bottom: 0;
    padding-bottom: 0;
}

.rc_info_cr img {
    margin-bottom: 20px;
}


/*----*****---- << Main >> ----*****----*/

#wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#main {
    float: left;
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 30px 0px 75px;
    -webkit-box-shadow: inset 0px 9px 9px -9px #dadada;
    -moz-box-shadow: inset 0px 9px 9px -9px #dadada;
    box-shadow: inset 0px 9px 9px -9px #dadada;
}

.home #main {
    padding: 30px 0px 75px;
}

.content {
    /*width:675px;*/
    width: 608px;
    float: left;
    /*margin:-30px 0px 0px; 
        padding:30px 30px 0px 0px; 
        margin: -20px 0px 0px;
        padding: 30px 20px 0px 0px;
        padding: 30px 20px 0px 30px;*/
    padding: 0 20px 0 30px;
    /*padding: 0 20px 0 15px;*/
    margin: 0;
    position: relative;
}

.contentWide {
    width: 900px;
    float: left;
    margin: -20px 0px 0px;
    padding: 30px 20px 0px 0px;
    position: relative;
}

.contactPad {
    margin-left: -30px;
}

.calloutImgR {
    float: right;
    margin: 0 0 30px 30px;
}

.homeImg {
    width: 278px;
    height: 227px;
    float: right;
    margin: 0 0 10px 10px;
}

.inner-with-sidebar {
    position: absolute;
    right: 0px;
    bottom: -35px;
    width: 54px;
    height: 60px;
    z-index: -1;
}

.content.content-full-width {
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: none;
}

.sidebar {
    /*width:235px;*/
    width: 329px;
    float: left;
    position: relative;
    /*margin:-30px 0px 0px; 
        padding:30px 0px 60px 20px; 
        margin: 16px 0px 0px;*/
    margin: 0;
    padding: 0px 0px 60px 0px;
    right: -16px;
}

.inner-sidebar {
    bottom: -25px;
    height: 60px;
    position: absolute;
    right: 0;
    width: 257px;
}

.content.with-left-sidebar {
    float: right;
    padding: 30px 0px 0px 30px;
}

    .content.with-left-sidebar .inner-with-sidebar {
        left: 0px;
        right: inherit;
    }

.sidebar.left-sidebar {
    width: 255px;
    padding-left: 0px;
}

    .sidebar.left-sidebar .inner-sidebar {
        left: 0;
        right: inherit;
    }



/*----*****---- << Content >> ----*****----*/

/*----*****---- << Home >> ----*****----*/
.bioRidgePharmaLogo {
    max-width: 207px;
    max-height: 57px;
    height: auto;
    background-size: contain;
}

.logoLine {
    width: 36px;
    height: 98px;
    position: relative;
    top: 8px;
}

.mylanLogo {
    max-width: 150px;
    height: auto;
    background-size: contain;
    position: relative;
    top: 13px;
}

.breadcrumbRow {
    height: 47px;
    background-color: #ffffff;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    /*border: 0px solid red;*/
    position: relative;
    left: 16px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 47px;
}

    .breadcrumbRow a:link, .breadcrumbRow a:active, .breadcrumbRow a:visited {
        color: #666666;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 47px;
        text-decoration: underline;
    }

    .breadcrumbRow a:hover {
        color: #000000;
        text-decoration: none;
    }

li.topNavRight {
    /*right: -65px;*/
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    line-height: 54px;
}

li.topNavLoginRight {
    /*right: -240px;*/
    font-family: Verdana, Arial, sans-serif;
    /*font-size: 12px;*/
    font-size: 10px;
    color: #ffffff;
    line-height: 54px;
}

li.topNavLogin {
    /*right: -280px;*/
    right: -45px;
    font-family: Verdana, Arial, sans-serif;
    /*font-size: 12px;*/
    font-size: 10px;
    color: #ffffff;
    line-height: 54px;
}

li.topNavRight a:link {
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    /*font-size: 11px;*/
    font-size: 10px;
    color: #ffffff;
    line-height: 54px;
}

li.topNavLoginRight a:link {
    display: inline-block;
    font-family: Verdana, Arial, sans-serif;
    /*font-size: 12px;*/
    font-size: 10px;
    color: #ffffff;
    line-height: 54px;
}

li.topNavRight a:link.osLink {
    color: #b9f87b !important;
}

    li.topNavRight a:link.osLink:after {
        content: "";
        display: inline-block;
        background: url(/assets/img/onlineSupportIcon.png) no-repeat 0 0;
        height: 18px;
        padding: 0;
        margin: 0 0 0 9px;
        position: relative;
        top: 5px;
    }

.pageBodyBg {
   /* background: url(/assets/img/mainBodyBg.png) repeat-x 0 0;*/
    background : none repeat scroll 0 0 #f2f2f2;
    box-shadow: 0 3px 6px #dedede inset;
    width: 100%;
  /*max-height: 5200px;*/
    height: auto;
    padding-bottom: 50px;
}

.welcome-text {
    float: left;
    width: 100%;
    height: 168px !important;
    /*margin:-10px 0px 0px; 
                padding:30px 0px 20px;*/
    position: relative;
    /*z-index: -1;*/
    /*-moz-box-shadow: inset 0px 0px 30px 5px #CFCFCF; 
                -webkit-box-shadow: inset 0px 0px 30px 5px #CFCFCF; 
                box-shadow: inset 0px 0px 30px 5px #CFCFCF;*/
    behavior: url(PIE.htc);
}

    .welcome-text h1, .welcome-text h4 {
        text-transform: none;
        font-weight: normal;
        letter-spacing: -0.25px;
        font-family: 'AvenirLTStd45Book';
    }

    .welcome-text h1 {
        font-size: 38px;
        line-height: 39px;
        color: #ffffff;
        margin-bottom: 0px;
    }

        .welcome-text h1 sup {
            font-size: 16px;
            line-height: 16px;
            font-style: italic !important;
            margin: 0 4px;
        }

sup.italReg {
    display: inline-block;
    vertical-align: super;
    font-style: italic !important;
    font-family: Impact;
    font-size: 75%;
}

.safariFontFix {
    font-family: Helvetica, Arial, sans-serif !important;
}

.welcome-text h4 {
    font-size: 33px;
    line-height: 38px;
    color: #7bd3ea;
}

    .welcome-text h4 sup {
        font-size: 12px;
        line-height: 12px;
    }

.welcome-text .text {
    /*width: 80%;*/
    width: 100%;
    float: left;
    /*margin:0px 4% 0px 0px; 
                margin: 72px 0px 0px 0px;*/
    margin: 19px 0 0 0;
    height: 115px;
    color: #ffffff;
}

    .welcome-text .text .tagline {
        display: inline-block;
        width: 504px;
        height: 133px;
        background: url('/assets/img/tagline.png') no-repeat 0 0;
        float: left;
    }

    .welcome-text .text img.EpipenMain {
        display: inline-block;
        /*max-width: 491px;*/
        max-width: 340px;
        max-height: 66px;
        height: auto;
        width: auto;
        /*max-height: 229px;*/
        max-height: 159px;
        height: auto;
        background-size: contain;
        float: left;
        clear: none;
        margin: 20px 20px 0 0;
        /*aspect-ratio: 3/2;*/
        object-fit: contain;
    }

    .welcome-text .text img.productMain {
        display: inline-block;
        /*max-width: 424px;*/
        max-width: 240px;
        width: 100%;
        /*max-height: 229px;*/
        max-height: 129px;
        height: auto;
        background-size: contain;
        float: left;
        clear: none;
        /*margin: -55px 0 0 0;*/
        margin: 0 0 0 0;
    }

.productBoxHeader {
	display: inline-block;
	float: left;
	clear: none;
	width: 329px;
	height: 125px;
	border: none;
	background-color: #162c54;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	padding: 14px;
	position: relative;
	right: -40px;
	top: -22px;
	z-index: 999;
}

.productBoxHeader p.title {
	font-size: 13px;
	color: #ffffff;
	font-weight: 700;
}

.productBoxHeader .lower_cr img {
	float: left;
	width: 49px;
	margin: 4px 15px 0 0;
}

.productBoxHeader a {
	color: #ffffff;
	font-weight: 400;
}
	img .productBoxImg {
    display: inline-block;
    height: 104px;
    width: 95px;
}

/*.productBoxHeader p a:link, .productBoxHeader p a:active, .productBoxHeader p a:visited {
    display: block;
    width: 90px;
    margin: 0 auto;
    color: #0a4595;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
}*/

.productBoxHeader p a:hover {
    text-decoration: underline;
}

.productBoxHeaderSidebar {
    display: none;
    float: left;
    clear: none;
    width: 329px;
    height: 125px;
    border: 1px solid #99cc66;
    background-color: #fffbeb;
    font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #6ba433;
    padding: 10px;
    position: relative;
    right: -40px;
    z-index: 10;
}

img.productBoxImg {
    display: inline-block;
    width: 95px;
    height: 104px;
}

.productBoxHeaderSidebar p a:link, .productBoxHeaderSidebar p a:active, .productBoxHeaderSidebar p a:visited {
    display: block;
    width: 90px;
    margin: 0 auto;
    color: #0a4595;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
}

.productBoxHeader p a:hover {
    text-decoration: underline;
}

.welcome-text .text .contactMain {
    display: inline-block;
    width: 100%;
    max-width: 459px;
    height: 265px;
    background: url('/assets/img/contactHdrImg.png') no-repeat 0 0;
    background-size: 100%;
    float: right;
    clear: none;
    margin: -72px 0 0 0;
}

.welcome-text .button {
    float: right;
}

.read-more-text {
    float: left;
    margin: 10px 0px 0px;
    padding: 0px 20px 0px 0px;
}

    .read-more-text span {
        width: 13px;
        height: 13px;
        margin: 0px 0px 0px 3px;
        position: relative;
        top: 1px;
        display: inline-block;
        transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        border-radius: 13px;
        behavior: url(PIE.htc);
    }

#expand-toggle {
    width: 100%;
    display: inline-block;
    clear: both;
    margin: 20px 0px 40px;
    padding: 15px 0px 15px;
    text-align: center;
    overflow: hidden;
}

    #expand-toggle .expand {
        font-size: 16px;
        font-weight: bold;
        padding-right: 25px;
    }

        #expand-toggle .expand:hover {
            text-decoration: none;
        }

    #expand-toggle .expand-box {
        margin: 10px 0px 0px;
        overflow: hidden;
        padding: 0px;
        display: none;
    }

    #expand-toggle .one-third {
        float: left;
        text-align: left;
        margin-top: 30px;
        margin-bottom: 20px;
    }

        #expand-toggle .one-third img {
            float: left;
            margin: 5px 15px 0px 0px;
        }

.column .thumb, a.thumb, .post-thumb {
    width: 98.7%;
    float: left;
    padding: 0px;
    margin: 0px 0px 15px;
    position: relative;
}

    .column .thumb a, a.thumb img, .post-thumb a {
        float: left;
        padding: 5px 6px 6px;
    }

    .column .thumb a, a.thumb img, .post-thumb a {
        width: 95.3%;
    }

    .column .thumb img, a.thumb img, .post-thumb img {
        max-width: 100%;
    }

.column.one-third .thumb a {
    width: 96%;
}

.image-overlay {
    position: relative;
    width: 96%;
    height: 94%;
    margin: 6px;
    text-align: center;
    left: 0px;
    top: 0px;
    position: absolute;
    display: block;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    behavior: url(PIE.htc);
}

.thumb:hover .image-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.thumb .image-overlay a {
    width: auto;
    position: absolute;
    top: 35%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

    .thumb .image-overlay a:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.thumb .image-overlay-video {
    left: 0px;
    width: 47px !important;
    height: 47px;
}

.thumb .image-overlay-zoom {
    left: 0px;
    width: 47px !important;
    height: 47px;
}

.thumb .image-overlay-link {
    right: 0px;
    width: 47px !important;
    height: 47px;
}

.thumb:hover .image-overlay-zoom, .thumb:hover .image-overlay-video {
    left: 30%;
}

.thumb:hover .image-overlay-link {
    right: 30%;
}

.portfolio.column-one-half .thumb .image-overlay a {
    width: auto;
}

.portfolio.column-one-half .thumb .image-overlay a {
    top: 36%;
}

.portfolio.column-one-half .image-overlay {
    width: 97.5%;
    height: 94.5%;
}

.portfolio.column-one-half .thumb:hover .image-overlay-zoom, .portfolio.column-one-half .thumb:hover .image-overlay-video {
    left: 37%;
}

.portfolio.column-one-half .thumb:hover .image-overlay-link {
    right: 37%;
}

.portfolio.column-one-half-with-sidebar .thumb .image-overlay a {
    width: auto;
}

.portfolio.column-one-half-with-sidebar .thumb .image-overlay a {
    top: 30%;
}

.portfolio.column-one-half-with-sidebar .image-overlay {
    width: 96.5%;
    height: 92.5%;
}

.portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-video {
    left: 32%;
}

.portfolio.column-one-half-with-sidebar .thumb:hover .image-overlay-link {
    right: 32%;
}

.portfolio.column-one-third .thumb .image-overlay a {
    width: auto;
}

.portfolio.column-one-third-with-sidebar .thumb .image-overlay a {
    width: auto;
}

.portfolio.column-one-third-with-sidebar .thumb .image-overlay a {
    top: 27%;
}

.portfolio.column-one-third-with-sidebar .image-overlay {
    width: 94%;
    height: 91.5%;
}

.portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-video {
    left: 22%;
}

.portfolio.column-one-third-with-sidebar .thumb:hover .image-overlay-link {
    right: 22%;
}

.portfolio.one-column .thumb .image-overlay a {
    width: auto;
}

.portfolio.one-column .thumb .image-overlay a {
    top: 39%;
}

.portfolio.one-column .image-overlay {
    width: 97.8%;
    height: 95.5%;
}

.portfolio.one-column .thumb:hover .image-overlay-zoom, .portfolio.one-column .thumb:hover .image-overlay-video {
    left: 39%;
}

.portfolio.one-column .thumb:hover .image-overlay-link {
    right: 39%;
}

.portfolio.one-column-with-sidebar .thumb .image-overlay a {
    width: auto;
}

.portfolio.one-column-with-sidebar .thumb .image-overlay a {
    top: 34%;
}

.portfolio.one-column-with-sidebar .image-overlay {
    width: 97%;
    height: 93.5%;
}

.portfolio.one-column-with-sidebar .thumb:hover .image-overlay-zoom, .portfolio.one-column-with-sidebar .thumb:hover .image-overlay-video {
    left: 35%;
}

.portfolio.one-column-with-sidebar .thumb:hover .image-overlay-link {
    right: 35%;
}

.readmore {
    float: right;
    position: relative;
    z-index: 1;
    padding: 7px 30px 7px 13px;
    margin: 10px 0px 0px;
    font-size: 13px;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    border-radius: 5px;
    behavior: url(PIE.htc);
}

    .readmore:hover {
        -moz-box-shadow: inset 0px 1px 0px 0px #acacac;
        -webkit-box-shadow: inset 0px 1px 0px 0px #acacac;
        box-shadow: inset 0px 1px 0px 0px #acacac;
        behavior: url(PIE.htc);
    }

.home .portfolio.column-one-third .column {
    min-height: 300px;
}

.subscribe-form {
    float: left;
    width: 100%;
}

    .subscribe-form input[type="text"] {
        float: left;
        margin: 0px 10px 10px 0px;
        width: 66%;
    }

    .subscribe-form input[type="submit"] {
        margin: 0px;
    }

/* Portfolio Carousel */
.portfolio-skin-carousel .jcarousel-clip-horizontal {
    margin-left: -8px;
}

.portfolio-skin-carousel {
    position: relative;
}

    .portfolio-skin-carousel .jcarousel-container {
        width: 100%;
    }

    .portfolio-skin-carousel .jcarousel-container-horizontal {
        width: 100%;
        padding: 0px;
    }

    .portfolio-skin-carousel .jcarousel-clip {
        overflow: hidden;
    }

    .portfolio-skin-carousel .jcarousel-clip-horizontal {
        width: 100%;
        height: auto;
    }

    .portfolio-skin-carousel .jcarousel-item {
        width: 306px;
        margin: 0px;
        height: auto;
    }

        .portfolio-skin-carousel .jcarousel-item .thumb img {
            height: auto !important;
        }

    .portfolio-skin-carousel .jcarousel-item-horizontal {
        margin-left: 8px;
        margin-right: 9px;
    }

    .portfolio-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin: 10px;
    }

.portfolio-nav {
    margin: 20px 0px 0px;
    clear: both;
    float: left;
    width: 100%;
}

.portfolio-skin-carousel .jcarousel-prev-horizontal {
    position: absolute;
    right: 25px;
    top: -40px;
    display: inline-block;
    margin: 0px 5px;
    width: 14px;
    height: 21px;
    padding: 0px;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.portfolio-skin-carousel .jcarousel-next-horizontal {
    position: absolute;
    right: 5px;
    top: -40px;
    display: inline-block;
    margin: 0px 5px;
    width: 14px;
    height: 21px;
    padding: 0px;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .portfolio-skin-carousel .jcarousel-prev-horizontal:hover, .portfolio-skin-carousel .jcarousel-next-horizontal:hover {
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        opacity: 1;
        filter: alpha(opacity=1);
    }

.portfolio-skin-carousel .jcarousel-next-disabled, .portfolio-skin-carousel .jcarousel-prev-disabled, .portfolio-skin-carousel .jcarousel-next-disabled:hover, .portfolio-skin-carousel .jcarousel-prev-disabled:hover {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: auto;
}

/* Clients Carousel */
.clients-skin-carousel {
    position: relative;
    margin: 0px;
    padding: 20px 0px;
    width: 100%;
    float: left;
    clear: both;
    margin: 50px 0px -75px;
    -moz-box-shadow: inset 0px 0px 30px 5px #CFCFCF;
    -webkit-box-shadow: inset 0px 0px 30px 5px #CFCFCF;
    box-shadow: inset 0px 0px 30px 5px #CFCFCF;
    behavior: url(PIE.htc);
}

    .clients-skin-carousel h2 {
        margin-bottom: 20px;
    }

    .clients-skin-carousel .jcarousel-clip-horizontal {
        margin-left: -9px;
    }

    .clients-skin-carousel .jcarousel-container {
        width: 100%;
    }

    .clients-skin-carousel .jcarousel-container-horizontal {
        width: 100%;
        padding: 0px;
    }

    .clients-skin-carousel .jcarousel-clip {
        overflow: hidden;
    }

    .clients-skin-carousel .jcarousel-clip-horizontal {
        width: 100%;
        height: auto;
    }

    .clients-skin-carousel .jcarousel-item {
        width: 183px;
        margin: 0px;
        height: auto;
    }

        .clients-skin-carousel .jcarousel-item img {
            height: auto !important;
            max-width: 100%;
        }

    .clients-skin-carousel .jcarousel-item-horizontal {
        margin-left: 9px;
        margin-right: 9px;
    }

    .clients-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin: 10px;
    }

.clients-nav {
    margin: 20px 0px 0px;
    clear: both;
    float: left;
    width: 100%;
}

.clients-skin-carousel .jcarousel-prev-horizontal {
    position: absolute;
    right: 25px;
    top: -40px;
    display: inline-block;
    margin: 0px 5px;
    width: 14px;
    height: 21px;
    padding: 0px;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.clients-skin-carousel .jcarousel-next-horizontal {
    position: absolute;
    right: 5px;
    top: -40px;
    display: inline-block;
    margin: 0px 5px;
    width: 14px;
    height: 21px;
    padding: 0px;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .clients-skin-carousel .jcarousel-prev-horizontal:hover, .clients-skin-carousel .jcarousel-next-horizontal:hover {
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        opacity: 1;
        filter: alpha(opacity=1);
    }

.clients-skin-carousel .jcarousel-next-disabled, .clients-skin-carousel .jcarousel-prev-disabled, .clients-skin-carousel .jcarousel-next-disabled:hover, .clients-skin-carousel .jcarousel-prev-disabled:hover {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: auto;
}

.clients-skin-carousel .jcarousel-item img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

    .clients-skin-carousel .jcarousel-item img:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
    }

/*----*****---- << Breadcrumb >> ----*****----*/

.breadcrumb {
    float: left;
    clear: both;
    width: 100%;
    padding: 0px 0px 10px;
    margin: 0px;
    position: relative;
    z-index: 1;
}

.breadcrumb-bg {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 15px 0px;
    -webkit-box-shadow: inset 0px 10px 5px -6px #9b9b9b;
    -moz-box-shadow: inset 0px 10px 5px -6px #9b9b9b;
    box-shadow: inset 0px 10px 5px -6px #9b9b9b;
    behavior: url(PIE.htc);
}

.breadcrumb a, .breadcrumb span.current-crumb {
    font-size: 11px;
    text-transform: uppercase;
}

.arrow {
    width: 5px;
    height: 7px;
    display: inline-block;
    margin: 0px 3px;
}

/*----*****---- << Sidebar >> ----*****----*/

.sidebar .widget {
    width: 92%;
    padding: 0px 8% 20px 0px;
}

    .sidebar .widget h2.widgettitle {
        margin-bottom: 20px;
    }

.sidebar .widget {
    padding: 0px;
}

.sidebar .hr {
    margin-left: -20px;
    width: 255px;
}

.sidebar.left-sidebar .hr {
    margin-right: -20px;
    margin-left: 0px;
}

.sidebar .widget_text {
    font-size: 12px;
}

.sidebar a.thumb {
    width: 37%;
}

a.thumb img {
    max-width: 90%;
}

/*----*****---- << 404 >> ----*****----*/

.errorpage-info {
    float: left;
    width: 100%;
    text-align: center;
}

    .errorpage-info h2 {
        font-size: 72px;
        margin-bottom: 10px;
        line-height: normal;
    }

    .errorpage-info h3 {
        font-size: 24px;
        text-transform: none;
        margin-bottom: 20px;
    }

    .errorpage-info h4 {
        font-size: 20px;
        text-transform: none;
    }

/*----*****---- << Team >> ----*****----*/

.team {
    float: left;
    margin: 15px 0px;
    padding: 0px;
    width: 100%;
}

    .team .image {
        padding: 4px;
        float: left;
        margin: 0px 15px 10px 0px;
    }

    .team h5 {
        margin-bottom: 5px;
    }

    .team .role {
        margin-bottom: 10px;
        font-size: 12px;
        text-transform: none;
    }

    .team .image img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
        -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
        -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    }

        .team .image img:hover {
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(0%);
        }

.share-links {
    float: left;
    clear: both;
    width: 90%;
    margin: 5px 0px 0px;
    padding: 10px;
}

    .share-links a, .share-links {
        font-size: 12px;
        line-height: 20px;
    }

        .share-links a:hover {
            text-decoration: underline;
        }

.social {
    float: right;
    margin: 0px;
    padding: 0px;
    text-align: right;
    width: 100%;
    height: 20px;
}

    .social a {
        margin: 0px 2px;
        display: inline-block;
    }

/*----*****---- << Testimonials >> ----*****----*/

.testimonials {
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
}

    .testimonials blockquote {
        font-style: normal;
        padding-top: 7px;
    }

        .testimonials blockquote h4 {
            margin-bottom: 0px;
        }

        .testimonials blockquote cite {
            font-size: 12px;
            font-style: italic;
        }

        .testimonials blockquote p {
            margin-top: 5px;
        }

.testimonials-author-image {
    float: left;
    margin: 7px 0px 0px;
    width: 100%;
}

    .testimonials-author-image img {
        padding: 5px;
        width: 86%;
    }

.testimonials .one-fourth {
    width: 16.4%;
}

.testimonials .three-fourth {
    width: 81.5%;
}

/*----*****---- << Portfolio >> ----*****----*/

.portfolio {
    text-align: center;
    float: left;
    width: 100%;
}

    .portfolio .button {
        margin: 0px 5px;
    }

    .portfolio .column {
        margin-bottom: 15px;
    }

    .portfolio .thumb {
        width: 99%;
    }

    .portfolio h4 {
        line-height: 24px;
    }

    .portfolio h5 {
        line-height: 20px;
    }

.gallery {
    width: 100%;
}

.portfolio.column-one-third .column {
    min-height: 320px;
}

.portfolio.column-one-third .thumb a {
    width: 96%;
}

.portfolio.column-one-third-with-sidebar .column {
    min-height: 280px;
}

.portfolio.column-one-third-with-sidebar .thumb a {
    width: 94.5%;
}

.portfolio.column-one-half .column {
    min-height: 360px;
}

.portfolio.column-one-half .thumb a {
    width: 97.4%;
}

.portfolio.column-one-half-with-sidebar .column {
    min-height: 280px;
}

.portfolio.column-one-half-with-sidebar .thumb a {
    width: 96.5%;
}

.portfolio.one-column .thumb, .portfolio.one-column-with-sidebar .thumb {
    width: 56.5%;
    float: left;
    margin: 0px 2% 15px 0px;
}

    .portfolio.one-column .thumb a {
        width: 97.7%;
    }

.portfolio.one-column .column, .portfolio.one-column-with-sidebar .column {
    width: 100%;
}

.portfolio.one-column, .portfolio.one-column-with-sidebar {
    text-align: left;
}

    .portfolio.one-column .button, .portfolio.one-column-with-sidebar .button {
        margin: 10px 10px 0px 0px;
    }

    .portfolio.one-column-with-sidebar .thumb a {
        width: 96.7%;
    }

.portfolio-slider-container {
    width: 625px;
    height: 500px;
    float: left;
    margin: 0px;
    padding: 0px;
    position: relative;
}

ul#portfolio-slider {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

    ul#portfolio-slider li {
        display: block;
        float: left;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 500px;
    }

.portfolio-single .column .thumb {
    margin: 0px;
}

.slideshow-bullets {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 20px 0px 0px;
    position: relative;
    z-index: 100;
}

    .slideshow-bullets a {
        width: 11px;
        height: 12px;
        display: inline-block;
        margin: 0px 1px;
        font-size: 0;
    }

.portfolio-single .column.two-third {
    margin-bottom: 50px;
}

.portfolio-single {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .portfolio-single p.client {
        padding-left: 19px;
    }

    .portfolio-single p.location {
        padding-left: 19px;
    }

    .portfolio-single p.project-link {
        padding-left: 19px;
        margin-bottom: 0px;
    }

    .portfolio-single p {
        font-size: 13px;
    }

    .portfolio-single a:hover {
        text-decoration: underline;
    }

    .portfolio-single a.button:hover {
        text-decoration: none;
    }

    .portfolio-single .column.two-third .thumb a {
        width: 98.1%;
    }

    .portfolio-single .thumb img {
        height: auto !important;
    }

.post-nav-container {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0px;
    margin: 20px 0px 0px;
    font-size: 12px;
}

.post-prev-link {
    float: left;
}

    .post-prev-link a {
        padding: 0px 0px 0px 22px;
    }

.post-next-link {
    float: right;
}

    .post-next-link a {
        padding: 0px 20px 0px 0px;
    }

.post-nav-container span {
    font-style: italic;
}

#sorting-container {
    display: block;
    margin: 10px 0px 0px;
    padding: 0px;
    clear: both;
    width: 100%;
}

    #sorting-container a {
        line-height: 35px;
        padding: 0px 20px;
        float: left;
        margin: 0px 1px 1px 0px;
    }

.portfolio-container {
    float: left;
    clear: both;
    margin: 30px 0px 0px;
    width: 100%;
}

    .portfolio-container .column {
        margin-right: 0.7% !important;
        margin-left: 0.7% !important;
    }

        .portfolio-container .column.one-half {
            margin-right: 0.5% !important;
            margin-left: 0.5% !important;
        }

.portfolio.one-column .portfolio-container .column, .portfolio.one-column-with-sidebar .portfolio-container .column {
    margin-right: 0px;
    margin-left: 0px;
}

.isotope-hidden {
    display: none !important;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

/*----*****---- << Pagination >> ----*****----*/

.pagination {
    float: right;
    margin: 20px 0px 10px;
    padding: 0px;
    position: relative;
    z-index: 1;
}

    .pagination ul {
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .pagination ul li {
            float: left;
            display: inline;
            margin: 0px 4px;
            padding: 0px;
        }

            .pagination ul li a, .pagination .next-post, .pagination .prev-post {
                float: left;
                padding: 5px 10px;
                font-size: 13px;
                -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
                -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
                box-shadow: inset 0px 1px 0px 0px #ffffff;
                border-radius: 5px;
                behavior: url(PIE.htc);
            }

            .pagination ul li.active-page {
                float: left;
                padding: 5px 10px;
                font-size: 13px;
                -moz-box-shadow: inset 0px 1px 0px 0px #acacac;
                -webkit-box-shadow: inset 0px 1px 0px 0px #acacac;
                box-shadow: inset 0px 1px 0px 0px #acacac;
                border-radius: 5px;
                behavior: url(PIE.htc);
            }

            .pagination ul li a:hover, .pagination .next-post:hover, .pagination .prev-post:hover {
                -moz-box-shadow: inset 0px 1px 0px 0px #acacac;
                -webkit-box-shadow: inset 0px 1px 0px 0px #acacac;
                box-shadow: inset 0px 1px 0px 0px #acacac;
                behavior: url(PIE.htc);
            }

    .pagination .next-post {
        float: left;
        margin-left: 4px;
        width: 27px;
        height: 26px;
        padding: 0px;
    }

    .pagination .prev-post {
        float: left;
        margin-right: 4px;
        width: 27px;
        height: 26px;
        padding: 0px;
    }

/*----*****---- << Contact >> ----*****----*/

.contact-info {
    font-size: 16px;
    line-height: 28px;
    font-style: italic;
    margin-bottom: 30px;
}

.main-contact-details {
    float: left;
    clear: both;
    margin: 15px 0px 0px;
    width: 96%;
    padding: 15px 2% 10px;
}

    .main-contact-details ul.contact-details {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .main-contact-details ul.contact-details li {
            float: left;
            width: 47%;
            margin: 0px 1% 10px;
            display: inline;
            padding: 0px;
        }

            .main-contact-details ul.contact-details li p {
                margin: 0px;
            }

        .main-contact-details ul.contact-details span {
            text-align: center;
            float: left;
            margin: 4px 2% 0px 0px;
            width: 10%;
        }

        .main-contact-details ul.contact-details p {
            float: left;
            margin-bottom: 0px;
            width: 87%;
        }

        .main-contact-details ul.contact-details li a:hover {
            text-decoration: underline;
        }

        .main-contact-details ul.contact-details span.address {
            height: 16px;
        }

        .main-contact-details ul.contact-details span.mail {
            height: 14px;
        }

        .main-contact-details ul.contact-details span.phone {
            height: 19px;
        }

        .main-contact-details ul.contact-details span.skype {
            height: 19px;
        }

.one-third .main-contact-details ul.contact-details li {
    width: 98%;
}

.two-third textarea {
    width: 96.5%;
}

.one-third input[type="text"] {
    width: 89%;
}

p.one-third {
    clear: none;
}

.error-container {
    font-size: 14px;
    color: #ff0000;
    text-shadow: none;
    margin: 10px 0px 0px;
    float: left;
    clear: both;
    width: 100%;
}

.error {
    border: 1px solid #ff0000 !important;
}

.required {
    color: #ff0000;
}

/*----*****---- << Blog >> ----*****----*/

.blog-post {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.post-title {
    float: left;
    width: 100%;
}

    .post-title h3 {
        float: left;
        line-height: 24px;
        width: 85%;
        margin: 0px 2% 0px 0px;
    }

    .post-title .date {
        float: right;
        margin: -3px 0px 0px;
        padding: 0px;
        width: 13%;
    }

        .post-title .date p {
            font-size: 24px;
            line-height: 30px;
            padding: 0px 10px 0px 0px;
            float: left;
        }

        .post-title .date span {
            text-align: center;
            font-size: 12px;
            width: 40px;
            float: left;
        }

.one-half .post-title h3 {
    width: 81%;
}

.one-half .date {
    width: 17%;
}

.one-half .blog-post .post-thumb a {
    width: 97.4%;
}

.blog-post .post-thumb {
    float: left;
    clear: both;
    margin: 20px 0px 10px;
    padding: 0px;
    width: 99%;
}

    .blog-post .post-thumb a {
        width: 98.3%;
    }

    .blog-post .post-thumb img {
        height: auto !important;
    }

.blog-post .entry-head, .blog-post .post-details {
    line-height: 30px;
    width: 100%;
    float: left;
}

    .blog-post .entry-head span.author {
        float: left;
        font-size: 11px;
        font-style: italic;
    }

    .blog-post .entry-head .comments {
        float: right;
        margin-right: 5px;
        padding: 0px 0px 0px 17px;
        font-size: 11px;
    }

        .blog-post .entry-head .comments:hover {
            text-decoration: underline;
        }

.blog-post .post-details {
    border: none;
    margin: 0px 0px 10px;
}

    .blog-post .post-details .categories {
        padding: 0px 0px 0px 17px;
        float: left;
        width: 45%;
        margin: 0px 2% 0px 0px;
    }

    .blog-post .post-details .categories, .blog-post .post-details .tags {
        font-style: normal;
        font-size: 12px;
    }

    .blog-post .post-details .tags {
        width: 49%;
        float: left;
    }

        .blog-post .post-details .tags .float-right {
            padding: 0px 0px 0px 17px;
            float: right;
        }

        .blog-post .post-details .categories a, .blog-post .post-details .tags a {
            font-style: italic;
            font-size: 12px;
            line-height: 20px;
        }

            .blog-post .post-details .categories a:hover, .blog-post .post-details .tags a:hover {
                text-decoration: underline;
            }

.blog-post .post-content {
    float: left;
    clear: both;
    width: 100%;
}

.blog-full-width {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .blog-full-width .blog-post .post-thumb a {
        width: 98.8%;
    }

    .blog-full-width .post-title .date {
        width: 9%;
    }

/*----*****---- << Blog Comment Entries >> ----*****----*/

.commententries {
    width: 100%;
    float: left;
    margin: 10px 0px 0px;
    padding: 0px;
}

ul.commentlist {
    float: left;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    list-style: none;
    border-top: 0px;
}

    ul.commentlist li {
        display: block;
        float: none;
        list-style: none;
        min-height: 118px;
        border: none;
        margin: 0px 0px 12px 0px;
        padding: 0px 0px 0px 69px;
        position: relative;
        clear: both;
    }

        ul.commentlist li ul.children {
            margin: 10px 0px 0px 0px;
            padding: 0px;
            float: left;
            border: none;
            clear: both;
        }

        ul.commentlist li .respond {
            margin-left: 69px;
        }

.comment-author {
    float: left;
    margin: 0px 12px 0px 0px;
    padding: 0px;
    width: 57px;
    text-align: center;
    position: absolute;
    left: 0px;
}

    .comment-author img {
        float: left;
        padding: 4px;
        margin: 0px 0px 5px 0px;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .comment-author a {
        clear: both;
        font-size: 12px;
        text-decoration: none;
    }

        .comment-author a:hover {
            text-decoration: underline;
        }

.comment-body {
    margin: 0px;
    padding: 10px 10px 0px 20px;
    min-height: 65px;
}

.comment-meta {
    width: 100%;
}

.commentmetadata {
    float: right;
    margin: 0px 10px 20px 0px;
}

    .commentmetadata a {
        font-size: 12px;
        font-style: italic;
        text-decoration: none;
    }

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

.reply {
    float: left;
    margin: 0px 0px 20px 20px;
}

    .reply a {
        text-decoration: underline;
        font-size: 12px;
    }

        .reply a:hover {
            text-decoration: none;
        }

/*Comment Form Styles */
.respond {
    margin: 10px 0px 20px;
    float: left;
    clear: both;
    width: 100%;
}

    .respond form {
        float: left;
        margin: 0px;
        padding: 0px;
        clear: both;
        width: 100%;
    }

        .respond form p {
            clear: both;
            float: left;
            margin: 10px 0px 0px 0px;
            padding: 0px;
            width: 100%;
        }

        .respond form input.textbox, .respond form textarea {
            width: 33%;
            margin: 0px 10px 0px 0px;
            float: left;
        }

        .respond form textarea {
            width: 50%;
            height: 95px;
        }

        .respond form .button:hover {
            opacity: 0.9;
            filter: alpha(opacity=90);
        }

/*----*****---- << Pricing Table >> ----*****----*/

.pricing-table {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0px 0px;
}

    .pricing-table table {
        border-collapse: collapse;
        border-spacing: 0;
        border: none;
        margin: 0px;
        padding: 0px;
        table-layout: fixed;
        width: 100%;
    }

        .pricing-table table td {
            text-align: left;
            font-size: 13px;
            font-weight: normal;
            text-shadow: none;
        }

        .pricing-table table tbody tr.title td {
            font-size: 18px;
            text-align: center;
            padding: 2px 0px;
        }

        .pricing-table table tr td:last-child {
            border-right: 0px;
        }

        .pricing-table table tr.price td {
            font-size: 60px;
            text-align: center;
            padding: 5px 0px 15px;
        }

            .pricing-table table tr.price td sup { /*vertical-align:super;*/
                font-size: 40px;
                margin-right: -10px;
            }

            .pricing-table table tr.price td small {
                font-size: 22px;
                margin-left: -20px;
            }

        .pricing-table table tr td span {
            padding: 0px 0px 0px 25px;
        }

        .pricing-table table tr.buttons td {
            text-align: center;
            border-bottom: none;
        }

        .pricing-table table tr.buttons .button {
            margin: 5px 0px 5px;
            padding: 8px 20px;
        }

        .pricing-table table tr.buttons td a.button.black {
            border-radius: 5px;
            behavior: url(PIE.htc);
        }

        .pricing-table table .featured {
            position: relative;
            z-index: 100;
            box-shadow: 0px 9px 25px 5px rgba(0,0,0,0.5);
            -webkit-box-shadow: 0px 9px 25px 5px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 9px 25px 5px rgba(0,0,0,0.5);
            transform: translateY(-10px) scale(1);
        }


/*----*****---- << Styled Elements >> ----*****----*/

.styled-elements h1, .styled-elements h2, .styled-elements h3, .styled-elements h4, .styled-elements h5 {
    margin-bottom: 25px;
}

.styled-elements .column h2 {
    margin-bottom: 15px;
}

.styled-elements .button {
    margin-right: 12px;
}

/* Highlight */
.highlight {
    padding: 0px 5px;
    margin: 0px 5px 0px 0px;
}

/* Dropcap */
.dropcap {
    font-size: 24px;
    float: left;
    margin: 10px 0px 10px 0px;
    text-align: center;
}

    .dropcap.style1 {
        font-size: 48px;
        width: 58px;
    }

    .dropcap.style2 {
        width: 40px;
        height: 34px;
        margin: 0px 10px 0px 0px;
        padding: 6px 0px 0px;
        border-radius: 30px 30px 30px 30px;
        behavior: url(PIE.htc);
    }

    .dropcap.style3 {
        height: 34px;
        margin: 5px 10px 0 0;
        padding: 6px 0 0;
        text-align: center;
        width: 40px;
        box-shadow: 0 0 5px #939393;
        -moz-box-shadow: 0 0 5px #939393;
        -webkit-box-shadow: 0 0 5px #939393;
        border-radius: 30px 30px 30px 30px;
        behavior: url(PIE.htc);
    }

    .dropcap.style4 {
        width: 33px;
        height: 29px;
        text-align: center;
        margin: 5px 10px 0px 0px;
        padding: 4px 0px 0px;
    }

/* Horizontal Tabs */
.tabs-container {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
    clear: both;
}

ul.tabs-frame {
    float: left;
    margin: 0px 0px 0px 15px;
    padding: 0px;
    width: 98.5%;
}

    ul.tabs-frame li {
        float: left;
        display: inline;
        margin: 0px 0px 0px 5px;
        padding: 0px;
    }

        ul.tabs-frame li a {
            float: left;
            border-bottom: 0px;
            margin: 0px;
            padding: 0px 15px;
            min-width: 60px;
            text-align: center;
            font-size: 14px;
            line-height: 32px;
            transition: none;
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
            -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
            box-shadow: inset 0px 1px 0px 0px #ffffff;
            border-radius: 5px 5px 0px 0px;
            behavior: url(PIE.htc);
        }

.tabs-frame-content {
    float: left;
    clear: both;
    width: 96.8%;
    margin: -1px 0px 0px;
    padding: 15px 15px 10px;
    border-radius: 5px;
    behavior: url(PIE.htc);
}

    .tabs-frame-content img {
        margin-top: 10px;
    }

        .tabs-frame-content img.alignleft {
            margin-bottom: 15px;
        }

/* Vertical Tabs */
.tabs-vertical-container {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
    clear: both;
}

ul.tabs-vertical-frame {
    float: left;
    margin: 0px 16px 0px 0px;
    padding: 0px;
    width: 20%;
}

    ul.tabs-vertical-frame li {
        float: left;
        display: block;
        margin: 0px;
        padding: 0px;
        width: 100%;
        position: relative;
    }

        ul.tabs-vertical-frame li a {
            float: left;
            border-bottom: 0px;
            margin: 0px;
            padding: 12px 15px 10px;
            width: 83.5%;
            font-size: 14px;
            line-height: normal;
            transition: none;
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
            -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
            box-shadow: inset 0px 1px 0px 0px #ffffff;
            behavior: url(PIE.htc);
        }

        ul.tabs-vertical-frame li.first a {
            border-radius: 5px 5px 0px 0px;
            behavior: url(PIE.htc);
        }

        ul.tabs-vertical-frame li.last a {
            border-radius: 0px 0px 5px 5px;
            behavior: url(PIE.htc);
        }

        ul.tabs-vertical-frame li a.current span {
            left: 0;
            right: -9px;
            top: 0;
            bottom: 0;
            position: absolute;
        }

.tabs-vertical-frame-content {
    width: 75%;
    float: left;
    padding: 15px 15px 10px;
    border-radius: 5px;
    behavior: url(PIE.htc);
}

/* Standard Toggle */
h5.toggle, h5.toggle-accordion {
    margin-bottom: 10px;
    padding: 0px 0px 0px 25px;
    line-height: 25px;
    clear: both;
    position: relative;
}

    h5.toggle a, h5.toggle-accordion a {
        display: block;
    }

.toggle-content {
    clear: both;
    margin: 0px 0px 20px 25px;
    overflow: hidden;
}

    .toggle-content p {
        margin: 0px;
        font-size: 14px;
    }

    .toggle-content img.alignleft {
        margin-top: 5px;
    }

.toggle-frame-set {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
}

.toggle-frame {
    float: left;
    clear: both;
    margin: 0px 0px 3px 0px;
    width: 95.5%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    padding: 9px 10px 6px;
    font-size: 16px;
    border-radius: 5px;
    behavior: url(PIE.htc);
}

    .toggle-frame h5 {
        margin: 0px;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .toggle-frame .toggle-content {
        margin: 20px 0 15px 10px;
    }

/* Tooltip */
.tooltip a {
    background: #E5E5E5;
    color: #5A5A5A;
    padding: 10px 20px;
    width: 82%;
    text-align: center;
    float: left;
    margin: 10px 0px 0px;
}

    .tooltip a:hover {
        background: #4C4C4C;
        color: #FFFFFF;
        text-shadow: 0 1px 0 #0E4B6E;
    }

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

    #tiptip_holder.tip_top {
        padding-bottom: 5px;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 5px;
    }

    #tiptip_holder.tip_right {
        padding-left: 5px;
    }

    #tiptip_holder.tip_left {
        padding-right: 5px;
    }

.tip_bottom #tiptip_content {
    box-shadow: inset 0px -1px 0px 0px #77735c;
    -webkit-box-shadow: inset 0px -1px 0px 0px #77735c;
    -moz-box-shadow: inset 0px -1px 0px 0px #77735c;
}

#tiptip_content {
    padding: 8px 10px;
    color: #424242;
    font-size: 12px;
    border: 1px solid #acacac;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top, #efefef 0%, #cacaca 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efefef 0%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efefef 0%,#cacaca 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%,#cacaca 100%); /* IE10+ */
    background: linear-gradient(to bottom, #efefef 0%,#cacaca 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(PIE.htc);
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: #cbcbcb;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: #cbcbcb;
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: #cbcbcb;
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: #cbcbcb;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #cbcbcb;
    border-top-color: #cbcbcb;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #eeeeee;
    border-bottom-color: #eeeeee;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #dedede;
    border-right-color: #dedede;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #dedede;
    border-left-color: #dedede;
}

/*----*****---- << Sitemap >> ----*****----*/

ul.sitemap {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    ul.sitemap li a:hover {
        text-decoration: underline;
    }

/*----*****---- << Features >> ----*****----*/
.side-nav-container {
    margin: 0px 30px 0px 0px;
    padding: 60px 0px 0px;
    float: left;
    width: 22%;
}

.side-nav-bottom {
    width: 100%;
    height: 78px;
    float: left;
    clear: both;
    margin: -30px 0px 0px;
}

ul.side-nav {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    ul.side-nav li {
        float: left;
        clear: both;
        display: block;
        padding: 0px;
        margin: -60px 0px 60px;
        padding: 0px;
        width: 100%;
        position: relative;
    }

        ul.side-nav li a {
            line-height: 16px;
            width: 100%;
            float: left;
            padding: 14px 0px;
            margin: 0px 0px 2px;
        }

        ul.side-nav li.current_page_item a span {
            width: 19px;
            height: 44px;
            top: 0px;
            right: -19px;
            position: absolute;
        }

.main-content {
    float: left;
    width: 74%;
}

#fdaConfirmModal .modal-dialog {
    margin-top: 5%;
}

#fdaConfirmModal .modal-content {
    border-radius: 0;
}

#fdaConfirmModal .modal-header {
    border-bottom: 0;
    background: #162c54;
}

#fdaConfirmModal .modal-header .close {
    color: #fff;
    opacity: 1;
}

#fdaConfirmModal .modal-header .close:hover {
    opacity: 0.7;
}


#fdaConfirmModal .modal-header .modal-title {
    color: #fff;
}

#fdaConfirmModal .modal-footer .btn {
    margin-right: 0 !important;
}


/*----*****---- << Footer >> ----*****----*/
#footer ul#footermenu {
    padding-left: 0;
    margin-top: 16px;
    margin-bottom: 0;
}

    #footer ul#footermenu li {
        display: inline-block !important;
        position: relative;
        margin-right: 10px;
    }

        #footer ul#footermenu li:after {
            content: "|";
            position: absolute;
            display: block;
            left: -12px;
            top: 0;
        }

        #footer ul#footermenu li:first-child:after {
            display: none !important;
        }

        #footer ul#footermenu li a {
            color: #666666;
            text-decoration: underline;
            text-shadow: none !important;
            outline: none !important;
        }

        #footer ul#footermenu li a:hover {
            color: #999999;
        }

#footer {
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.footer-bg {
    margin: 0px;
    padding: 20px 0px 0px;
    float: left;
    width: 100%;
}

#footer p, #footer a, #footer .widget.tweetbox span {
    font-size: 13px;
    line-height: 18px;
}

#footer .widget ul li {
    padding: 10px 0px;
}

    #footer .widget ul li:last-child {
        border-bottom: 0px;
    }

#footer .widget.tweetbox a:hover {
    text-decoration: underline;
}

#footer .widget .social-icons {
    margin: 0px;
}

    #footer .widget .social-icons a {
        margin: 0px 10px 10px 0px;
    }

#footer .widget ul.contact-details span.address {
    height: 16px;
}

#footer .widget ul.contact-details span.mail {
    height: 14px;
}

#footer .widget ul.contact-details span.phone {
    height: 19px;
}

#footer .widget ul.contact-details span.skype {
    height: 19px;
}

#footer .widget ul.contact-details li p {
    width: 87%;
}

.widget .testimonial-carousel li {
    clear: none;
}

.testimonial-skin-carousel {
    position: relative;
}

    .testimonial-skin-carousel .jcarousel-container {
        width: 220px;
    }

    .testimonial-skin-carousel .jcarousel-container-horizontal {
        width: 220px;
        padding: 0px;
    }

    .testimonial-skin-carousel .jcarousel-clip {
        overflow: hidden;
    }

    .testimonial-skin-carousel .jcarousel-clip-horizontal {
        width: 222px;
        height: auto;
    }

    .testimonial-skin-carousel .jcarousel-item {
        width: 220px;
        height: auto;
    }

    .testimonial-skin-carousel .jcarousel-item-horizontal {
        margin-right: 20px;
    }

    .testimonial-skin-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin: 10px;
    }

.testimonial-nav {
    margin: 20px 0px 0px;
    clear: both;
    float: left;
    width: 100%;
}

.testimonial-skin-carousel .jcarousel-prev-horizontal {
    position: absolute;
    left: 40%;
    bottom: -30px;
    display: inline-block;
    margin: 0px 5px;
    width: 12px;
    height: 20px;
    padding: 0px;
    cursor: pointer;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.testimonial-skin-carousel .jcarousel-next-horizontal {
    position: absolute;
    right: 40%;
    bottom: -30px;
    display: inline-block;
    margin: 0px 5px;
    width: 12px;
    height: 20px;
    padding: 0px;
    cursor: pointer;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.testimonial-skin-carousel .jcarousel-next-disabled, .testimonial-skin-carousel .jcarousel-prev-disabled {
    opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: auto;
}

#footer .widget ul.testimonial-carousel li, #footer .widget ul.testimonial-carousel {
    border: 0px;
    padding: 0px;
}

#footer .widget blockquote {
    padding: 0px 0px 0px 20px;
    margin: 0px;
    border: 0px;
    width: 85%;
}

    #footer .widget blockquote p {
        font-size: 12px;
        line-height: 18px;
    }

        #footer .widget blockquote p span {
            margin: 25px 0px 0px -20px;
            clear: both;
            float: left;
            width: 100%;
            text-shadow: none;
            font-style: normal;
        }

            #footer .widget blockquote p span img {
                float: left;
                margin: -5px 10px 10px 0px;
            }

#footer .widget form {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    #footer .widget form p {
        float: left;
        margin: 0px 0px 7px;
        clear: both;
        width: 100%;
    }

    #footer .widget form input[type="text"], #footer .widget form textarea {
        padding: 7px;
        float: left;
        width: 55%;
        margin: 0px 4% 0px 0px;
        border-radius: 5px;
        behavior: url(PIE.htc);
    }

    #footer .widget form textarea {
        width: 92%;
        height: 88px;
    }

    #footer .widget form label {
        width: 33%;
        float: right;
        font-size: 13px;
    }

    #footer .widget form input[type="submit"] {
        font-size: 13px;
        cursor: pointer;
        text-transform: none;
        padding: 6px 10px;
        margin: 5px 0px 0px;
        border-radius: 5px;
        behavior: url(PIE.htc);
    }

        #footer .widget form input[type="submit"]:hover {
            border-radius: 5px;
            behavior: url(PIE.htc);
        }

.footer-copyright {
    float: left;
    clear: both;
    width: 100%;
    padding: 10px 0px 15px;
    margin: 0px;
}

    .footer-copyright .copyright-content {
        float: left;
        margin: 0px 5% 0px 0px;
        padding: 0px;
        width: 65%;
    }

    .footer-copyright ul {
        margin: 10px 0px 0px -10px;
        padding: 0px;
        float: left;
        width: 100%;
    }

        .footer-copyright ul li {
            float: left;
            display: inline;
            margin: 0px 0px 10px;
            padding: 0px;
        }

            .footer-copyright ul li a {
                font-size: 12px;
                text-shadow: none;
                padding: 0px 10px;
                float: left;
                line-height: 12px;
            }

            .footer-copyright ul li:last-child {
                border: none;
            }

    .footer-copyright p {
        font-size: 12px;
        text-shadow: none;
        float: left;
        clear: both;
        width: 100%;
        margin: 0px;
    }

.footer-logo {
    float: right;
    width: 30%;
    text-align: right;
    margin: 5px 0px 0px;
    padding: 0px;
}

.footer-copyright.align-center {
    padding: 20px 0px;
}

    .footer-copyright.align-center .container {
        position: relative;
    }

    .footer-copyright.align-center .copyright-content {
        width: 100%;
        text-align: center;
    }

    .footer-copyright.align-center .social-icons {
        text-align: center;
        margin: 15px 0px 0px;
    }

    .footer-copyright.align-center .social-icons {
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
        float: none;
    }

    .footer-copyright.align-center .footer-logo {
        position: absolute;
        right: 0px;
        top: 10px;
    }